Проблемы с компонентами Material-UI

Я пытаюсь использовать http://www.material-ui.com/#/components/drawer (закрепленный пример) компонент из Material-UI с ReactJS.

Я получаю сообщение об ошибке со знаком «=» в следующей строке:

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

Я получаю ту же ошибку и на некоторых других компонентах. Я использую последнюю версию Material-UI.

То же самое с этим: http://www.material-ui.com/#/components/table (сложный пример) на следующем коде:

handleToggle = (event, toggled) => {

Любые идеи?

Спасибо.


reactjs javascript html material-ui ecmascript-6
person user3323307    schedule 31.05.2016    source источник
comment
Ошибка на первом =.   -  person user3323307    schedule 31.05.2016
comment
Вы используете ES6 повсюду? Какую ошибку вы получаете?   -  person Jake Haller-Roby    schedule 31.05.2016

Ответы (2)


arrow_upward
1
arrow_downward

Вам нужно будет либо использовать транспилятор ES6, например babel, для преобразования вашего кода в JS, который могут понять текущие браузеры, либо не использовать функции жирной стрелки:

handleToggle() {
  this.setState({open: !this.state.open});
};
person Matt    schedule 31.05.2016

arrow_upward
0
arrow_downward

Спасибо за вклад. Мне просто нужно было добавить «stage-0» в мои загрузчики и установить «babel-preset-stage-0». Теперь все работает. Еще раз спасибо.

person user3323307    schedule 01.06.2016