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

最新推荐文章于 2025-12-21 16:40:57 发布

原创最新推荐文章于 2025-12-21 16:40:57 发布 · 95 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#react.js

react项目专栏收录该内容

11 篇文章

订阅专栏

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

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