react 實現數據雙向綁定

好久沒有更新了 只是都寫在有道筆記中 今天整理下 一些基礎的 大神勿噴
一個基礎的不能再基礎的數據雙向綁定 因為react不同於vue 沒有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/>
        )
    }
    
}