npm install material-ui
MuiThemeProvider
を使ってapplication context にテーマをインジェクションする
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import registerServiceWorker from './registerServiceWorker';
ReactDOM.render(<App />, document.getElementById('root'));
registerServiceWorker();
import React, { Component } from 'react';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import MyComponent from './MyComponent';
class App extends Component {
render() {
return (
<div className="App">
<MuiThemeProvider>
<MyComponent />
</MuiThemeProvider>
</div>
);
}
}
export default App;
MyComponent.js
import React from 'react';
import RaisedButton from 'material-ui/RaisedButton';
export default function MyComponent(){
return <RaisedButton label="Default" />
}
v1を使ってみる