1.还是之前项目的同一个页面,同一个模拟数据

react项目中的组件编写,和数据循环react项目中的组件编写,和数据循环

2.在页面当中我们写一个ui组件,通过

datas={this.props.data}这种方式往下传递数据;

3.具体来看一下ui组件:里面用map方法循环数据,循环的是一个lists组件
4.再来看一下lists组件:每个li及div上有一个onclick函数,通过层级关系依次往上传递;

react项目中的组件编写,和数据循环

5.最后,你会发现,其实调用的是一个全局的函数

react项目中的组件编写,和数据循环

6.我们来看控制台

react项目中的组件编写,和数据循环

相关文章:

  • 2021-08-23
  • 2022-12-23
  • 2022-01-22
  • 2021-04-25
  • 2022-12-23
  • 2021-11-15
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2021-05-24
  • 2021-11-30
  • 2022-12-23
  • 2022-12-23
  • 2021-06-17
  • 2022-12-23
  • 2021-12-07
相关资源
相似解决方案