任务是:点击1处,2处就显示出来,再点击就收回去,这个时候就需要用到一个分支开关
首先拥有一个状态来控制2是否展示;
React中实现分支即点击<button>
改变showPersons这个状态,然后刷新下面<div>
的方法:
将`
包含在中括号里面 ,因为如果在中括号里面,代表可以在里面可以写逻辑了;
不使用if-else的形式,使用三目运算符的方法;
不使用if-else的形式,使用三目运算符的方法;
接下来修改<button>
的状态内容,即更改状态值:
1处的方法是修改showPersons的状态值,使按键与要展示的内容产生关联
点击通过此函数对当前状态的值进行改变
接下来优化代码:
将三目运算符写法的代码抽离出来(因为冗余),写到render里面,因为当内容发生变化时render()都会执行
这样可以使renturn返回重要的东西