如何将Props传递给reactjs处理程序？

Question

如何将Props传递给reactjs处理程序？ 这是我的代码

var CommentForm = React.createClass({ 
     handleAuthorChange: function (e) {
            this.setState({ author: e.target.value });
        },
        handleTextChange: function (e) {
            this.setState({ text: e.target.value });
        },
    });

Answer 1

在render()方法

中

<MyComponent onChnageChange=this.handleAuthorChange.bind(this,this.prop.myProp) />

并将此道具传递给您的处理程序

handleAuthorChange: function (e,props) {
            this.setState({ author: e.target.value });
            const myProp=props;
        }

Answer 2

尝试这样的事情

var CommentForm = React.createClass({
    getInitialState: function () {
        return { author: '', text: '' };
    },
    handleAuthorChange: function (e) {
        this.setState({ author: e.target.value });
    },
    handleTextChange: function (e) {
        this.setState({ text: e.target.value });
    },
    handleSubmit: function (e) {
        e.preventDefault();
        var author = this.state.author.trim();
        var text = this.state.text.trim();
        if (!text || !author) {
            return;
        }
        this.props.onCommentSubmit({ author: author, text: text });
        this.setState({ author: '', text: '' });
    },
        render: function () {
            return (
                <form className="commentForm" onSubmit={this.handleSubmit}>
                    <input
                        type="text"
                        placeholder="Your name"
                        value={this.state.author}
                        onChange={this.handleAuthorChange}
                    />
                    <input
                        type="text"
                        placeholder="Say something..."
                        value={this.state.text}
                        onChange={this.handleTextChange}
                    />
                    <input type="submit" value="Post" />
                </form>
            );
        }
});