Question

基本上我试图做这样的事情：

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

此组件只返回<input type="text" /> 当我在里面输入时没有任何反应（这里使用组件的原因是将来在输入周围添加更多布局）。 MyTextInput

上也未定义event.target.value

Answer 1

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

中调用MyTextInput回调

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

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

1 个答案: