javascript - 通过返回输入的组件接收 onPaste/onChange

Question

本质上我正在尝试做这样的事情:

<MyTextInput onChange={console.log("Change")} />

该组件仅返回 <input type="text" /> 当我在其中输入内容时，什么也没有发生(此处使用组件的原因是为了将来在输入周围添加进一步的布局)。另外event.target.value MyTextInput 上未定义

Answer 1

在这种情况下，您需要将事件处理程序传递给子组件， 然后在MyTextInput组件内调用onChange回调，

var MyTextInput = React.createClass({
  render: function() {
    return <input onChange={ this.props.onChange } />;
  }
});

var Main = React.createClass({
  render: function() {
    return <div>
      <MyTextInput onChange={ (e) => { console.log(e.target.value) } } />
    </div>
  }
});

Example