react数据绑定

单向数据绑定

1.在constructor里注册数据

constructor(){
        super();
        this.title="注册"
 }

2.使用{}进行数据绑定

{this.title}

双向数据绑定

1.在constructor里用this.state注册数据

constructor(){
        super();
        this.state={
            user:"",
            pass:"",
            loginSuccess:false
        }
    }

2.使用onChange事件监听数据变化并赋值给this.state

handeChange(item,event){
        for(let StateItem in this.state){
            if(item===StateItem){
                this.state[item]=event.target.value;
                this.setState(this.state)
            }
        }
    }

    用户名


    密码

最后，贴出最终代码

import '../login/login.css';
import './register.css';
class Register extends Component{
    constructor(){
        super();
        this.title="注册"
        this.state={
            user:"",
            pass:"",
            loginSuccess:false
        }
    }
    handeChange(item,event){
        for(let StateItem in this.state){
            if(item===StateItem){
                this.state[item]=event.target.value;
                this.setState(this.state)
            }
        }
    }
    render(){
        return (
            

                

                    
{this.title}
                    

                    

                        用户名
                    
                    

                        密码
                    
                    

                        注册
                    
                
            
        );
    }
}
export default Register;