react表单数据提交

class LoginForm extends React.Component{
    constructor(props){
        super(props)
        this.state={
            pwd:''
        }
        this.handleSubmit=this.handleSubmit.bind(this)
        this.handleChange=this.handleChange.bind(this)
    }
    handleSubmit(event){
        event.preventDefault()
        const name=this.name.value
        const {pwd}=this.state
        alert(`准备提交的用户名为 ${name} ,密码为 ${pwd}`)
    }
    handleChange(event){
        const pwd=event.target.value
        this.setState({pwd})

    }
    render(){
        return(
            
usrname: this.name=input}>
paw:
) } }

es6 模板字符串的用法 数字1前面的键

你可能感兴趣的:(react)