一种干净的方式，允许React共享组件获取配置属性，而不必一直传递下去

Question

我为不同的应用程序提供了大约8个简单的UI，所有这些都使用了我自己开发的一个共享组件库。我最近添加了一个功能，以修改在我所有UI的所有传奇中使用的一些实用函数的低级查询方式。

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

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

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

Answer 1

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

configuration.js

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

component.js

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