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数据双向绑定