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

29 votes348 views4 answers
How to remove underline of link in css
CSS
6 votes352 views3 answers
.row bootstrap
CSS Bootstrap
48 votes312 views3 answers
Custom scrollbar
CSS
0 vote344 views1 answer
Remove all default styles from input
CSS
10 votes321 views3 answers
Css on click
CSS
0 vote324 views1 answer
Box-shadow um ganzen div
CSS
-1 vote289 views1 answer
Html flex direction
CSS
37 votes341 views3 answers
Css selector first level child
CSS
0 vote436 views1 answer
Bootstrap 4 input error
CSS Bootstrap
0 vote384 views1 answer
Bootstrap ol
CSS Bootstrap