material-ui 使用 redux-devtools + 热重载时 DropDownMenu 等组件停止工作

Question

我已经使用 redux 和 redux dev-tools 大约一个星期了，我很喜欢它。我是 Material 设计的忠实粉丝，所以我想我应该尝试 material-ui。

一切都很好，直到我使用了按钮以外的组件，例如 DropDownMenu。

下拉菜单似乎在初始加载后停止工作。这是我的组件：

<DropDownMenu value={locale} onChange={languageChangeHandler}>
   <MenuItem value={1} primaryText="English"/>
   <MenuItem value={2} primaryText="Arabic"/>
</DropDownMenu>

Answer 1

我找到了解决方法：

我必须 injectTapEventPlugin() 每次呈现应用程序（当商店状态更改时），否则它在初始加载后将无法工作。这使得 DropDownMenu 在使用热重载时工作。

有一个解决 injectTapEventPlugin() 情况的未决问题 => https://github.com/callemall/material-ui/issues/1011

material-ui 使用 redux-devtools + 热重载时 DropDownMenu 等组件停止工作

material-ui components such as DropDownMenu stop working when using redux-devtools + hot reloading

redux

material-ui

redux-devtools