react如何获取遍历数据的上一层数组?

Question

是这样的,我想写一个类似windows文件夹功能的页面,如图:

当双击页面中的每一行的时候,就会重新遍历数据,显示下一级的数据,从而达到进入该文件夹的效果

我在上边单独加了一行返回上一级目录的,但是现在我不知道该怎么让他回到我数组的上一层(文件夹有好多层,数据是一个数组来的),代码:

数组的下一级我能找到,但是上一级实在是找不到啊,请各位大神帮我啊~~
(由于代码是在虚拟桌面里写的 所以复制不出来,只能截图,见谅啊)

Answer 1

一个设计优良的组件是能映射数据结构的，我认为一个文件夹组件，存储的应该是一个文件树和路径数据，再根据这俩数据选择要显示的内容。你的文件树看来是个多维数组，就假设要显示files[1][2][3]中的文件列表，可以保存路径到数组中，如[1,2,3]，返回上一级就用pop()，访问子一级就调用push()。当然除此之外解决方案还有很多。