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

3 votes177 views1 answer
Get company id odoo
CSS
1 vote147 views1 answer
When is raksha bandhan in india 2020
CSS
0 vote152 views1 answer
Text overlay animation css
CSS
-1 vote162 views1 answer
Css link underline
CSS
0 vote140 views1 answer
Display elements side by side css
CSS
4 votes154 views1 answer
How to move anything left in css
CSS
0 vote174 views1 answer
Bootstarp 5
CSS
0 vote160 views1 answer
Input area bootstrap highlight
CSS
3 votes141 views2 answers
Css text color border
CSS
80 votes166 views6 answers
Css favicon
CSS