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

0 vote257 views2 answers
Google font smooth
CSS
1 vote152 views1 answer
Full meaning of css
CSS
0 vote165 views1 answer
Css add shade over background image
CSS
11 votes137 views2 answers
How to remove up and down arrows from input type number
CSS
12 votes239 views2 answers
How to center element in bulma
CSS Bulma
0 vote183 views1 answer
Nice select scroll bar for large amount of options
CSS
0 vote148 views1 answer
Fonts from google fonts do not work
CSS
1 vote142 views1 answer
Open applications bat start
CSS
0 vote150 views1 answer
Disable line breaking html span
CSS
2 votes171 views1 answer
Table overflow not working
CSS