小编Noo*_*obs的帖子

React中的事件处理程序

我试图onChange在Component上写一个(curried?)事件处理程序,它将接收一个key参数,让它知道要更新的状态对象中的哪个键.代码不会编译,说'key' is not defined.

class App extends Component {
  constructor(props) {
    super(props);
    this.state = {
      firstName: null,
      lastName: null
    }
    this.handleChange = this.handleChange.bind(this);
  }

  handleChange = (key) = (event) => {
    console.log(key, event);
  }

  render() {
    return (
      <div>

        <form>
          <input onChange={this.handleChange('firstName')} value={this.state.firstName} />
          <input onChange={this.handleChange('lastName')} value={this.state.firstName} />
        </form>

        {JSON.stringify(this.state, null, 4)}
      </div>
    );
  }
}
Run Code Online (Sandbox Code Playgroud)

javascript functional-programming currying reactjs

6
推荐指数
1
解决办法
1558
查看次数