在反应树组件中管理状态

时间:2019-08-10 18:27:04

标签: reactjs

我有一个用于文件浏览器的GUI。以下是GUI的工作示例。如何重命名每个文件夹并相应地反映应用程序状态的变化?我想做的是重命名树中的任何文件夹,然后该文件夹也将在tree状态下重命名。

https://codesandbox.io/s/pedantic-cherry-iz2kx

1 个答案:

答案 0 :(得分:1)

如果可以向树中的每个对象及其路径添加键,则可以将其传递给输入更改处理程序以访问该对象并更新其值。

Lodash提供了实用程序来简化流程,方法是让您克隆树(使用.cloneDeep以避免变异原始树),然后设置给定路径的新值(使用.setWith),但是您可以可以编写自己的函数来处理这种情况。

您可以在此处查看我的叉子,看看它是否适合您的目的:https://codesandbox.io/s/nice-kare-d9bxi