初识ReactJS的组件化开发(七):用表单做评论 (上):获取文本框的value

最新推荐文章于 2023-09-23 23:06:56 发布

学习笔记666

最新推荐文章于 2023-09-23 23:06:56 发布

阅读量4.8k

点赞数

分类专栏： HTML5

本文链接：https://blog.csdn.net/github_26672553/article/details/52078107

版权

HTML5 专栏收录该内容

43 篇文章 0 订阅

订阅专栏

// 评论框组件
var ReviewBox = React.createClass({
    getInitialState: function () {
        return {
            rtitle: "初始化标题" //评论标题
        };
    },

    textChange:function (event) {
        this.setState({rtitle: event.target.value});
    },

    submit: function () {
        alert(this.state.rtitle)
    },

    render: function () {
        return <dl className="reviewbox">
                <dt>发表评论</dt>
                <dd><input type="text" value={this.state.rtitle} onChange={this.textChange} /></dd>
                <dd><textarea></textarea></dd>
                <dd><input type="button" value="提交" onClick={this.submit} /></dd>
            </dl>
    }
});