zoukankan      html  css  js  c++  java
  • 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/>
            )
        }
        
    }
    
  • 相关阅读:
    实验四
    密码破解技术
    222
    111
    6
    5
    4
    第三次
    第二次
    第一次
  • 原文地址:https://www.cnblogs.com/wzy0526/p/9361228.html
Copyright © 2011-2022 走看看