javascript - 一种允许 React 共享组件获取配置属性而无需一路向下传递的干净方法

Question

我有大约 8 个用于不同应用程序的简单 UI，它们都使用我也制作的共享组件库。我最近添加了一项功能，可以修改在我所有 UI 的所有传奇中使用的一些实用函数的低级别中完成查询的方式。

我希望我的每个 UI 都能够包含一个可选的配置值，以在其配置文件中调整这个新的查询逻辑。然而，需要该属性的方法的级别非常低，我不希望向 5-6 个方法添加额外的属性来将一个值传递给需要它的方法。

这些共享组件仅用于我的 UI，它们都有标准格式。因此，我不需要它们完全通用，我对硬编码没有提示，它们检查我的用户界面中配置文件的标准位置。但是，由于共享组件是一个单独的 NPM 包，我不知道如何在调用 UI 的应用程序中引用配置文件的位置。

除了通过所有相关方法传递值之外，是否有任何干净的方法可以从配置文件中获取值？

Answer 1

很简单。您可以创建配置文件，在其中导出逻辑。当您需要该配置时，导入并使用它。这是一个例子:

配置.js

export const test = (myvar) => {
  return 'test: ' + myvar
}

组件.js

import { test } from 'configuration.js'
test('pass') // test: passed