React中受控组件

import React, { Component } from 'react'

export default class Input extends Component {
    constructor(props){
        super(props);
        this.state={
            username:""
        }
    }
    render() {
        return (
            

                
this.handleSubmit(e)}>
                    
                        用户:<input 
                                type="text" 
                                id="username" 
                                onChange={e=>this.handleChang(e)}
                                value={this.state.value}/>
                    
                    
                
            
        )
    }
    handleSubmit(event){
        event.preventDefault()
    }
    handleChang(event){
        console.log(event.target.value);
        this.setState({
            username:event.target.value
        })
    }
}