欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

react双向数据绑定

程序员文章站 2024-02-26 20:40:22
...

 

 一个基础的不能再基础的数据双向绑定 因为react是单向数据流,没有v-model指令,那他如何实现双向数据绑定?

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

export default class DataBind extends Comonent{
    constructor(){
        super()
        this.state = {
            value: "wzy"
        }
    }
    handleChange(e){
        this.setState({
            value : e.target.value
        )
    }
    
    render(){
        return(
            <div>
                <input value={this.state.value} onChange={this.handleChange.bind(this)}><input/>
                <p>{this.state.value}<p/>
            <div/>
        )
    }
    
}
相关标签: react数据绑定