有关react中每个按钮控制自己的div显示与隐藏问题

题目虽然带着“react”,可是实现的思路跟react没有关系,只不过项目用的框架是react而已。

需求是这样的,页面一加载的时候从请求的接口中循环出嵌套三层的数组,

当然,这不是重点,重点是想要实现的效果是点击每个标题旁的按钮,能对应显示标题下面的内容。效果如图



实现的思路就是当点击按钮时,给最外层数组的对象添加一个boolean值,通过每次点击按钮使这个值变为与上次相反的值,来实现自元素显示与隐藏的效果。具体加在哪里呢?看图


notShow就是动态添加的值

相关代码见下


猜你喜欢

转载自blog.csdn.net/weixin_41719836/article/details/80652622