如何在不使用箭头功能的情况下重写它?

时间:2017-05-10 17:05:09

标签: ecmascript-6 arrow-functions ecmascript-next

我不明白如何解开双箭头绑定。我的linter不喜欢这个ES7 +魔法。

    export default class Login extends Component {
     handleChange = (fieldName) => (evt) => {
        this.setState({
          [fieldName]: evt.target.value,
          errors: {...this.state.errors, [fieldName]: null}
        })
      }
  }

1 个答案:

答案 0 :(得分:2)

箭头功能没有任何问题,Unexpected token =表示你的linter不喜欢class fields。只需在构造函数中移动整个内容:

export default class Login extends Component {
  constructor() {
    super();
    this.handleChange = (fieldName) => (evt) => {
      this.setState({
        [fieldName]: evt.target.value,
        errors: {...this.state.errors, [fieldName]: null}
      });
    };
  }
}