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

receiving onPaste / onChange through a component that returns input

本文关键字：onPaste onChange 组件 返回 输入      更新时间：2023-09-26

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

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

此组件仅返回一个<input type="text" />当我在其中键入时没有任何反应（在这里使用组件的原因是将来围绕输入添加进一步的布局）。此外，event.target.value在MyTextInput上未定义

在这种情况下，

您需要将事件处理程序向下传递到子组件，然后在组件内部调用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

相关文章：