请使用react语法实现一个类vue指令v-model,

98 阅读1分钟

简单实用小技巧

import React, { Component } from "react";

class App extends Component {
    constructor(){
        super();
        this.state = {
            count: 1
        }
    }
//给input框添加change事件
    render() {
        return (
        <div>
            <h1>count: {this.state.count}</h1>
            <input type="number" onChange={this.handleChangeCount}/>
        </div>
        );
    }

    //写事件  handleChangeCount
    handleChangeCount = (event) => { 
        this.setState({ count: event.target.value })
    }

}

export default App;