如何将道具传递给反应处理程序组件答案

【问题标题】：how to pass props to react handler component如何将道具传递给反应处理程序组件
【发布时间】：2018-11-04 09:38:23
【问题描述】：

如何将 props 传递给响应处理程序组件？

我的代码如下：

var Dashboard = require('./Dashboard');
var Comments = require('./Comments');

var Index = React.createClass({

【问题讨论】：

你错过了什么吗？
请使用CTRL + K 编辑代码并提供其余代码，以便我们更好地为您提供帮助。
如果您希望有人帮助您，请填写问题。目前，不清楚你在问什么

标签： reactjs ag-grid

【解决方案1】：

var Index = React.createClass({
    getInitialState: function () {
        return { input1: '', input2: '' };
    },
    handleinput1Change: function (e) {
        this.setState({ input1: e.target.value });
    },
    handleinput2Change : function (e) {
        this.setState({ input2: e.target.value });
    },
    handleSubmit: function (e) {
        e.preventDefault();
        var text1 = this.state.input1.trim();
        var text2 = this.state.input2.trim();
        if (!text1 || !text2) {
            return;
        }
        this.props.onCommentSubmit({ input1: text1, input2: text2 });
        this.setState({ input1: '', input2: '' });
    },
    render: function () {
        return (
            <form className="commentForm" onSubmit={this.handleSubmit}>
                <input
                    type="text"
                    placeholder="Enter something"
                    value={this.state.input1}
                    onChange={this.handleinput1Change}
                />
                <input
                    type="text"
                    placeholder="Enter something"
                    value={this.state.input2}
                    onChange={this.handleinput2Change} />
                <input type="submit" value="Post" />
            </form>
        );
    }
});

【讨论】：