node.js - 在 React 中开始使用 Material UI 的步骤

Question

我正在尝试在React中使用material-ui，但我不知道如何让它工作。我遵循文档并执行了以下操作:

1. npm 安装material-ui
2. npm 安装
3. 然后在我的 App.js 中插入“从 'react-tap-event-plugin'导入injectTapEventPlugin;”
4. 然后“从“material-ui/RaishedButton”导入RaishedButton；”

我的 App.js 有像这样的 RaisingButton

 <RaisedButton label="Default" />

但是当我运行它时，浏览器中没有显示任何内容。

import React from 'react'
require('../../scss/style.scss');
import Userlist from "../Containers/user-list"
import UserDetail from '../Containers/user-detail'
import injectTapEventPlugin from 'react-tap-event-plugin';
import RaisedButton from 'material-ui/RaisedButton';
const App =() =>(

    <div>
        <RaisedButton label="Default" />
        <h2>
            Username list
        </h2>
        <Userlist/>
        <hr/>
        <h2>
            User Detail
        </h2>
        <hr/>
        <UserDetail/>

    </div>
);

Console

Answer 1

像这样:

import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import RaisedButton from 'material-ui/RaisedButton';

const App =() =>(
    <MuiThemeProvider>
        <div>
            <RaisedButton label="Default" />
            <h2>
                Username list
            </h2>
            <Userlist/>
            <hr/>
            <h2>
                User Detail
            </h2>
            <hr/>
            <UserDetail/>
        </div>
    </MuiThemeProvider>
);

此外，在渲染此组件的主 js 上，

injectTapEventPlugin()

在 ReactDOM.render() 之前