在 React 中使用 Material-ui 的“DropdownMenu”时出错

Question

我正在尝试将http://www.material-ui.com/#/components/dropdown-menu 中的DropdownMenu 与此入门工具包https://github.com/kriasoft/react-starter-kit 一起使用。出现下拉菜单，但是当我单击它时，它不显示其列表。

这是我的步骤：

1. npm install --save material-ui

2. 将以下行添加到render() 中的ContactPage.js：

   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>
     );
   }
   

3. npm start

Answer 1

你看过http://www.material-ui.com/#/get-started/installation吗？

你需要打电话 injectTapEventPlugin();