在另一个组件中重用React功能组件中的常量



我有一个常数,如下所示,我在反应功能组件中使用

const superHeroPowers = [
{ name: 'Superman', status: superManPowerList },
{ name: 'Batman', status: batmanPowerList },
{ name: 'Wonder Woman', status: wonderWomanPowerList }
];

这里,status属性的值来自组件的本地状态。现在,我想在路由时在另一个组件中使用这个常量。我怎样才能做到这一点?我尝试导出常量,但React组件内部不允许使用修饰符。此外,我试图在组件外部声明这个常量,但它将无法获取状态中的本地状态。我无法将其作为道具传递,因为我正在使用下一个路由器进行导航。

似乎您必须使用redux或上下文API作为状态管理机制来存储具有适当status值的常量superHeroPowers。然后,您可以使用其他组件中的superHeroPowers(在商店中提供(。

最新更新