material-ui，组件不工作

Question

我查看了 http://www.material-ui.com/#/components/raised-button 上的代码。

当我不使用material-ui时，Nav效果很好。

5:8 warning 'RaisedButton' is defined but never used no-unused-vars
15:11 warning 'style' is assigned a value but never used no-unused-vars
22:10 error 'MuiThemeProvider' is not defined react/jsx-no-undef
22:37 error 'muiTheme' is not defined no-undef
26:14 error 'RaiseButton' is not defined react/jsx-no-undef
26:39 warning Style prop value must be an object react/style-prop-object
27:14 error 'RaiseButton' is not defined react/jsx-no-undef
27:39 warning Style prop value must be an object react/style-prop-object

import RaisedButton from 'material-ui/RaisedButton';

class Nav extends Component {
  render () {
    const style = {
      margin: 12,
    };
    return (
        <nav>
            <RaiseButton label="机构管理" style="{style}"  containerElemet={<Link to="/"></Link>} />
            <RaiseButton label="报名成员" style="{style}" containerElemet={<Link to="/apply"></Link>} />
            <RaiseButton label="全部成员" style="{style}"  containerElemet={<Link to="/driftMember"></Link>}/>
            <RaiseButton label="全部成员" style="{style}" containerElemet={<Link to="/allMember"></Link>}/>
            <RaiseButton label="文案设置" style="{style}" containerElemet={<Link to="/textSet"></Link>} />
        </nav>
    );
  }
}

Answer 1

您的代码中有错字。这是 "Raised" 按钮，而不是 "Raise"。

编辑：

另外，请注意 style="{style}" 应该是 style={style} 不带引号

containerElemet 应该是 containerElement（你错过了 n）

material-ui，组件不工作

material-ui, component does not work

reactjs

redux

material-ui

react-redux