Reactjs 使用带有React的材质ui的“DropdownMenu”时出错

Reactjs 使用带有React的材质ui的“DropdownMenu”时出错,reactjs,material-ui,Reactjs,Material Ui,我正在尝试使用此初学者工具包中的下拉菜单。下拉菜单出现,但当我单击它时,它不会显示其列表 以下是我的步骤: npm安装--保存材料界面 将以下行添加到ContactPage.js中的render(): render() { const title = 'Contact Us'; this.context.onSetTitle(title); let menuItems = [ { payload: '1', text: 'Never' }, { payload: '

我正在尝试使用此初学者工具包中的
下拉菜单
。下拉菜单出现,但当我单击它时,它不会显示其列表

以下是我的步骤:

  • npm安装--保存材料界面
  • 将以下行添加到
    ContactPage.js
    中的
    render()

    render() {
      const title = 'Contact Us';
      this.context.onSetTitle(title);
    
      let menuItems = [
        { payload: '1', text: 'Never' },
        { payload: '2', text: 'Every Night' },
        { payload: '3', text: 'Weeknights' },
        { payload: '4', text: 'Weekends' },
        { payload: '5', text: 'Weekly' },
      ];
      const DropDownMenu = require('material-ui/lib/drop-down-menu');
    
      return (
        <div className="ContactPage">
          <div className="ContactPage-container">
            <h1>{title}</h1>
            <p>...</p>
            <DropDownMenu menuItems={menuItems}/>
            <AceEditor />
          </div>
        </div>
      );
    }
    
    render(){
    const title=‘联系我们’;
    this.context.onSetTitle(标题);
    让menuItems=[
    {payload:'1',text:'Never'},
    {有效载荷:“2”,文本:“每晚”},
    {有效载荷:'3',文本:'Weeknights'},
    {有效负载:“4”,文本:“周末”},
    {payload:'5',text:'Weekly'},
    ];
    常量下拉菜单=require('material-ui/lib/下拉菜单');
    返回(
    {title}
    

    ); }
  • npm启动

  • 你看了吗

    你需要打电话
    injectTapEventPlugin()

    您有更多的代码可以显示吗?我建议检查他们如何在那里做的文档的源代码-添加更多的代码。我认为这种猜测是由初学者工具包中的同构相关设置引起的