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 vote219 views1 answer
Execution timeout expired the timeout
CSS
0 vote215 views1 answer
Ios safe area
CSS
16 votes205 views3 answers
CSS Head Link
CSS
0 vote230 views3 answers
Force keyboard to show android programmatically
CSS
6 votes214 views2 answers
Css last child with class
CSS
1 vote177 views1 answer
Css how to style a div
CSS
1 vote215 views1 answer
Css on hover do something to children
CSS
1 vote543 views2 answers
Customize highlight color website
CSS
0 vote203 views1 answer
Css - use universal '*' selector vs. html or body selector?
CSS
0 vote238 views1 answer
SCSS Auto link coloured button style
CSS