Materialize for react

npm install materialize-css@next
npm install react-materialize

Source: npmjs.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

4 votes175 views1 answer
Get width of screen react
Javascript React
1 vote205 views2 answers
React Context API
Javascript React
17 votes254 views5 answers
How to make apk react native
Javascript React
35 votes219 views6 answers
Create react app with tailwind
Javascript React
0 vote210 views1 answer
React key press hook
Javascript React
0 vote272 views1 answer
Login condition if and else in router dom of react jsx
Javascript React
11 votes219 views3 answers
Reactjs get url query params as object
Javascript React
0 vote215 views1 answer
React native text input right
Javascript React
0 vote208 views1 answer
React-data-table-component api action button
Javascript React
18 votes202 views6 answers
React native android build
Javascript React