当我点击按钮时,状态应该被更改。我可以改变我的状态。初始点击状态为false,每当点击按下的按钮应为真。
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>
class Static extends Component{
constructor(props){
super(props);
this.state = {
clicked_status:false
}
render(){
return(
<div className="input-group mb-3 topA">
<input className="input2" id="name" type="text" placeholder=" Name " /><br/>
<input className="input2 mt-10" id="mail" type="text" placeholder=" Email "/><br/>
<input className="input2 mt-10" id="passwrd" type="password" placeholder=" Password "/><br/>
<span id="error_passwrd" className="text-danger fs12"></span>
<input className="input2 mt-10" id="cpassword" type="password" placeholder=" Confirm Password "/><br/>
<span id="error_cpassword" className="text-danger fs12"></span>
<a ><button type="submit" id="submit" className="button7 btn mt-10 bckgrnC" >Sign Up</button></a>
</div>
)
}
}
&#13;
我是新人的反应,我怎样才能改变我的状态,什么是改变我的反应状态的过程
答案 0 :(得分:-1)
在反应中,很容易改变状态。
1.您只需编写一个函数并绑定该函数
2.将onClick功能写入按钮
3.通过setState改变状态
假设在你的例子中
constructor(props) {
super(props);
this.ChangeStatus= this.ChangeStatus.bind(this);
}
这是写入更改状态的函数。我们可以通过setState
更改状态注意:始终使用
setState()
方法修改组件的状态。
ChangeStatus: function(e) {
{
this.setState({ clicked_status: true });
}
将onClick操作添加到按钮
<button onClick={this.ChangeStatus}>