react04 双向绑定的constructor（）{}构造函数

最新推荐文章于 2025-05-08 18:13:19 发布

闲敲棋子落画画

最新推荐文章于 2025-05-08 18:13:19 发布

阅读量72

点赞数

分类专栏： react项目文章标签： react.js

本文链接：https://blog.youkuaiyun.com/jieweiwuwei/article/details/120686855

版权

react项目专栏收录该内容

11 篇文章

订阅专栏

这是一个使用React编写的TodoBox组件示例。组件包含一个输入框和一个显示输入内容的span，通过onInput事件处理文本变化，更新组件状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

import React from 'react';
class TodoBox extends React.Component{
    constructor(){
        super();
        this.state={data:""}
    }
    changeText(e){
        this.setState({
            data:e.target.value
        })
    }
    render(){
        return(
            <div>
                <div>
                    <input type="text" onInput={this.changeText.bind(this)} />
                    <span>{this.state.data}</span>
                </div>
            </div>
        )
    }
}
export default TodoBox