任务是:点击1处,2处就显示出来,再点击就收回去,这个时候就需要用到一个分支开关
React-使用分支if
首先拥有一个状态来控制2是否展示;
React-使用分支if
React-使用分支if
React中实现分支即点击<button>改变showPersons这个状态,然后刷新下面<div>的方法:
将`

包含在中括号里面 ,因为如果在中括号里面,代表可以在里面可以写逻辑了;
不使用if-else的形式,使用三目运算符的方法;
React-使用分支if

接下来修改<button>的状态内容,即更改状态值:
React-使用分支if
React-使用分支if
1处的方法是修改showPersons的状态值,使按键与要展示的内容产生关联
点击通过此函数对当前状态的值进行改变
接下来优化代码:
将三目运算符写法的代码抽离出来(因为冗余),写到render里面,因为当内容发生变化时render()都会执行
React-使用分支if
这样可以使renturn返回重要的东西

相关文章:

  • 2021-09-15
  • 2022-12-23
  • 2021-11-01
  • 2022-01-13
  • 2021-11-26
  • 2022-01-30
  • 2022-12-23
  • 2022-01-04
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案