Materialize css for react

//to use materialize css in react js

npm install materialize-css

Source: stackoverflow.com

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>
    )
  }
}

Source: stackoverflow.com

Similar codes

2 votes223 views1 answer
How to put background in html
CSS
0 vote225 views1 answer
How to stilize title property css
CSS
2 votes214 views1 answer
How to make animation stay on 100%
CSS
0 vote222 views1 answer
Rainvow hover css
CSS
53 votes226 views6 answers
Background color in css
CSS
0 vote234 views1 answer
Oracle apex interactive report odd even
CSS
3 votes234 views1 answer
Convert angular project from css to scss
CSS
1 vote217 views1 answer
Css url do not change color of visited links
CSS
3 votes232 views1 answer
Css edit scroll bar
CSS
0 vote228 views2 answers
Css combinators
CSS