在 React 中使用 material-ui 的 `DropdownMenu` 时出错

Question

我正在尝试使用 http://www.material-ui.com/#/components/dropdown-menu with this starter kit https://github.com/kriasoft/react-starter-kit 中的 DropdownMenu。出现下拉菜单，但当我单击它时，它没有显示其列表。

这是我的步骤：

npm install --save material-ui

将以下行添加到 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>
  );
}

npm start

Answer 1

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

你需要打电话 injectTapEventPlugin();

在 React 中使用 material-ui 的 `DropdownMenu` 时出错

Error using `DropdownMenu` of material-ui with React

reactjs

material-ui