use materialize css in react code example
Example 1: react materilize
npm install materialize-css@next
npm install react-materialize
Example 2: materialize css for react
//to use materialize css in react js
npm install materialize-css
Example 3: using materialize css with react
import React from 'react';
import M from 'materialize-css';
....
// ref can only be used on class components
class SomeComponent extends Component {
// get a reference to the element after the component has mounted
componentDidMount(){
M.Sidenav.init(this.sidenav);
}
render(){
return (
<ul className={this.props.classes}
ref={ (sidenav) => {this.sidenav = sidenav} }
id={this.props.id}>
// menuItems
</ul>
)
}
}