javascript - 在 React 组件中访问状态值

Question

我对 reactjs 有点陌生。在 React.createclass 元素中，您可以访问输入值或任何状态值，例如此

  change: function(e) {
    this.setState({author: e.target.value});
  },

但是在 React.component 中这是不可能的，所以我怎样才能在 React.component 中完成类似的任务

谢谢

Answer 1

如果你想像这样将方法传递给事件处理程序 onChange={ this.change } 并使用 ES2015 类，你必须设置 this自己为这些方法，例如

class App extends React.Component {
  constructor() {
    super();
    this.state = { author: '' };
    this.change = this.change.bind(this); // set this for change method
  }

  change(e) {
    this.setState({ author: e.target.value });
  }

  render() {
    return <input onChange={ this.change } value={ this.state.author } /> 
  }
}

Example