Material-UI 组件的问题

Question

我正在尝试将 Material-UI 中的 http://www.material-ui.com/#/components/drawer（停靠示例）组件与 ReactJS 一起使用。

我在以下行中的“=”上收到错误：

handleToggle = () => this.setState({open: !this.state.open});

我在其他一些组件上也遇到了同样的错误。我正在使用最新版本的 Material-UI。

与此相同：http://www.material-ui.com/#/components/table（复杂示例）在以下代码中：

handleToggle = (event, toggled) => {

有什么想法吗？

谢谢。

Answer 1

您要么需要使用 ES6 转译器（例如 babel）将代码转换为当前浏览器可以理解的 JS，要么不使用粗箭头函数：

handleToggle() {
  this.setState({open: !this.state.open});
};

Answer 2

感谢您的意见。我只需将“stage-0”添加到我的加载器并安装“babel-preset-stage-0”。现在一切正常。再次感谢。