javascript - console.log 在箭头函数中不起作用

Question

我在 react 组件中声明了一个箭头函数。在其中我记录了一个值，但它显示错误。我是 React 新手，所以请帮助我。

我声明函数的位置

class DeliveryPage extends Component{
   onChange : (event) => { console.log('change', event.target.value); }
}

我在这里调用了该函数

  <ComboBox
    data={source}
    onChange={this.onChange}
    onFilterChange={this.onFilterChange}
    filterable={true}
  />

然后我将代码更改为

    onChange = (event) => { console.log('change', event.target.value); }

Answer 1

onChange : (event) => { console.log('change', event.target.value); }

这是不正确的语法，应该是:

onChange = (event) => { console.log('change', event.target.value); }

<小时/>

如果箭头函数不起作用，那么您很可能没有功能性的提案类属性，可以通过以下 Babel 插件安装:https://babeljs.io/docs/en/babel-plugin-proposal-class-properties .

否则，请尝试与此类似的方法:

class DeliveryPage extends Component{
  constructor(props) {
    super(props);

    this.onChange = this.onChange.bind(this);
  }

  onChange(event) {
    console.log('change', event.target.value);
  }
}