Using materialize css with react

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 vote349 views1 answer
CSS - The Class Selectors - Element
CSS
32 votes330 views2 answers
Git stop merge
CSS
0 vote342 views1 answer
Inine css
CSS
0 vote352 views1 answer
How to add space inbetween lines in html
CSS
1 vote344 views3 answers
Remove table border html
CSS
0 vote383 views2 answers
Css hexagon with text inside
CSS
44 votes448 views5 answers
Breakpoint bootstrap
CSS Bootstrap
0 vote375 views1 answer
Why does my min and max-wodth only stay on min-width html css
CSS
-6 votes483 views7 answers
Css flex
CSS
1 vote430 views2 answers
What does clearfix for floats do in css
CSS