我有大约 8 个用于不同应用程序的简单 UI,它们都使用我也制作的共享组件库。我最近添加了一项功能,可以修改在我所有 UI 的所有传奇中使用的一些实用函数的低级别中完成查询的方式。
我希望我的每个 UI 都能够包含一个可选的配置值,以在其配置文件中调整这个新的查询逻辑。然而,需要该属性的方法的级别非常低,我不希望向 5-6 个方法添加额外的属性来将一个值传递给需要它的方法。
这些共享组件仅用于我的 UI,它们都有标准格式。因此,我不需要它们完全通用,我对硬编码没有提示,它们检查我的用户界面中配置文件的标准位置。但是,由于共享组件是一个单独的 NPM 包,我不知道如何在调用 UI 的应用程序中引用配置文件的位置。
除了通过所有相关方法传递值之外,是否有任何干净的方法可以从配置文件中获取值?
最佳答案
很简单。您可以创建配置文件,在其中导出逻辑。当您需要该配置时,导入并使用它。这是一个例子:
配置.js
export const test = (myvar) => {
return 'test: ' + myvar
}
组件.js
import { test } from 'configuration.js'
test('pass') // test: passed
关于javascript - 一种允许 React 共享组件获取配置属性而无需一路向下传递的干净方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51990057/