获取一个输入组件道具 onBlur答案

【问题标题】：Get an inputs component props onBlur获取一个输入组件道具 onBlur
【发布时间】：2016-07-12 11:39:49
【问题描述】：

是否可以通过onBlur 事件获取输入的道具？

通过event.target.value，我得到了输入的值。

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

【问题讨论】：

输入props或component道具？
组件道具。对不起！

标签： reactjs jsx formsy-react

【解决方案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")
);

【讨论】：

谢谢！解决了。
很高兴为您提供帮助！