如何在 React 中创建可跨组件快速访问的全局查找 table？
How to create a global lookup table in React that is quickly accessible across components?
我正在尝试将 web-app 从 vanilla JS 转换为 React。 web-app 有我所说的颜色管理器，它基本上是一个查找 table，允许应用程序查找尚未使用的颜色，将其分配给位于不同组件中的各种元素。由于我对 React 了解不多，所以我想知道社区中是否有人知道如何以最佳方式做到这一点。我宁愿不使用回调从单个 child 传递信息，其中 parent 发生了新的颜色分配，然后将颜色查找 table 中的更改传递给另一个child再忍。
这是 vanilla JS 的屏幕截图 web-app 因此您可以了解不同的组件以及需要在这些组件中进行的颜色更改 'parallelly'。
link
非常感谢您的帮助！
在我看来，您正在寻找某种形式的状态管理。当然我会推荐 Redux. But that might be an overkill for your app (Not familiar with all info about it.) In that case, you might take a look at React Context
这两个模块所做的是保持全局状态，可以将其注入任何组件、子组件或父组件，只要它们都在某种形式的 Provider 中。
看一下 example 之间的简单 day/night 全局变量开关，然后也可以从子组件或父组件访问它
我正在尝试将 web-app 从 vanilla JS 转换为 React。 web-app 有我所说的颜色管理器，它基本上是一个查找 table，允许应用程序查找尚未使用的颜色，将其分配给位于不同组件中的各种元素。由于我对 React 了解不多，所以我想知道社区中是否有人知道如何以最佳方式做到这一点。我宁愿不使用回调从单个 child 传递信息，其中 parent 发生了新的颜色分配，然后将颜色查找 table 中的更改传递给另一个child再忍。
这是 vanilla JS 的屏幕截图 web-app 因此您可以了解不同的组件以及需要在这些组件中进行的颜色更改 'parallelly'。
link
非常感谢您的帮助！
在我看来，您正在寻找某种形式的状态管理。当然我会推荐 Redux. But that might be an overkill for your app (Not familiar with all info about it.) In that case, you might take a look at React Context
这两个模块所做的是保持全局状态，可以将其注入任何组件、子组件或父组件，只要它们都在某种形式的 Provider 中。
看一下 example 之间的简单 day/night 全局变量开关，然后也可以从子组件或父组件访问它