Question

是否可以使用onBlur事件获取输入的道具？

使用event.target.value，我得到了输入值。

是否可以以类似的方式获取组件的props？

Answer 1

当然可以，这是一个fiddle：

var Hello = React.createClass({
  onBlur: function(e) {
  console.log(this.props)
},
render: function() {    
  return <div>
    <input onBlur={this.onBlur} />
  </div>;
}
});

或者，如果从父级接收函数作为属性，则应将其绑定到组件上下文。

Fiddle example：

var Hello = React.createClass({ 
  render: function() {          
    return <div>
      <input onBlur={this.props.onBlur.bind(this)} />
    </div>;
  }
});

function onBlur(e) {
  console.log(this.props);
  console.log(e);
}

ReactDOM.render(
  <Hello onBlur={onBlur} name="World" />,
  document.getElementById('container')
);

获取一个输入组件道具onBlur

1 个答案: