React学习笔记4-事件处理

事件处理

格式:首字母小写,驼峰命名法

组件示例:

handleClick:function () {
     alert("提示");
 },
render:function () {
     return (
       <button onClick={this.handleClick}>Click me</button>
    );
 }

React state状态

这是组件自身的属性,用于存储对象中设置的属性

创建一个getInitialState来定义初始状态也就是定义值

将值定义在返回的对象中

getInitialState:function(){
    return{
       //这里设置的属性都会存储在state中
       isCheck:flase
    }
}

创建事件来更改state里面的值,使用this.setState重新设置state属性

用this.state.isCheck来读取isCheck里面值然后重新设置属性

handleChange:function(){
    this.setState({
         isCheck:!this.state.isCheck
     })
}

现在可以读取state里面isCheck的值来做判断true或者false

注意:React不能写if else语句只能用三元运算符

分享 二维码
分类:代码笔记
标签:
还没有评论


在此输入评论..
0/100