Question

我有以下回应：

return (
     <div className='App'>
        <form onSubmit={this.submit.bind(this)}>
           <input
              value={this.state.input}
              onChange={(e)=> this.setState({input:e.target.value})}
              type='text'
           />
        </form>
        <ul>
           {items}
        </ul>
     </div>
  );

我正在尝试将onChange行重写为常规js函数，并希望在此函数console.log（e）以及setState中。可以这样做吗？

Answer 1

var self = this
return (
 <div className='App'>
    <form onSubmit={this.submit.bind(this)}>
       <input
          value={this.state.input}
          onChange={function(e) { 
              console.log(e)
              self.setState({input:e.target.value})
           }}
          type='text'
       />
    </form>
    <ul>
       {items}
    </ul>
 </div>
);

这应该有效

在常规js中重写箭头函数

1 个答案: