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

0 vote199 views1 answer
React router v6 lazy suspense
Javascript React
0 vote196 views1 answer
React axios get cookie from response
Javascript React
28 votes217 views1 answer
Semantic ui dropdown value react
Javascript React
-1 vote212 views1 answer
This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native.
Javascript React
3 votes217 views2 answers
Use font awsome in react
Javascript React
1 vote196 views1 answer
React native detect production
Javascript React
0 vote217 views1 answer
V4 history for react action or api calls
Javascript React
0 vote202 views1 answer
How to change currency in react-paypal-button-v2
Javascript React
35 votes198 views6 answers
Create react app with tailwind
Javascript React
0 vote191 views1 answer
ExoPlayer with auto linking react native
Javascript React