this.setState方法来触发实现的
下面我们从一个简单的点击按钮,显示和隐藏的效果开始: 效果如下所示:
连续点击按钮,上方的itclanCoder文本在显示和隐藏进行切换,当状态为true时,...(点击按钮实现上方文本显示隐藏的切换效果)
具体代码如下所示:
import React, { Fragment, Component } from 'react';
import ReactDOM from...在以上代码中,通过给button按钮监听绑定onClick属性挂载点击事件处理函数(上面是handleBtnClick),来达到控制组件state中的isShow这个状态,从而让文本显示还是隐藏
显示和隐藏是通过添加...class层叠样式进行设置,但是控制这个行为切换动作的,却是js
这里用的是箭头函数,如果不用此方法,一定要记得用bind进行this坏境的绑定
在代码中,通过this.state可以读取当前组件状态的...,或者做一些页面逻辑交互时,需要更新UI,这个时候就需要使用state来跟踪状态(例如控制一元素的显示隐藏来回切换等状态),它由组件本身管理,可以通过setState函数修改state
?