react 如何实现数据的双向绑定

最新推荐文章于 2024-02-05 17:30:16 发布

jingtian678

最新推荐文章于 2024-02-05 17:30:16 发布

阅读量2.6k

点赞数 2

分类专栏： web大前端

本文链接：https://blog.csdn.net/jingtian678/article/details/93320844

版权

web大前端专栏收录该内容

291 篇文章 9 订阅

订阅专栏

一个基础的不能再基础的数据双向绑定因为react不同于vue 没有v-model指令所以怎么实现呢？

import React from "react"
import ReactDOM from "react-dom"

export default class DataBind extends Comonent{
    constructor(){
        super()
        this.state = {
            value: "Name"
        }
    }
    handleChange(e){
        this.setState({
            value : e.target.value
        })
    }
    
    render(){
        return(
        <div style={{color:'black'}}>
		 <input value={this.state.value} onChange={this.handleChange.bind(this)}></input>
		 <p>{this.state.value}</p>
		</div>
        )
    }
    
}