如何从另一个组件访问Redux存储并将其数据传递到Redux上下文之外?

ni65a41a  于 2023-03-08  发布在  其他
关注(0)|答案(1)|浏览(75)

我有一个React应用程序,它包含三个组件A、B和C。在组件A中,我有一个要提交的按钮。在组件B中,我 Package 了Redux存储,在组件C中,我有一个表单。我无法更改此结构,因为它是现有格式。每次我更改表单时,B中的存储都会更新。
组件A -此处为按钮组件B -此处为还原存储组件C -表单
现在,我想在单击按钮时与组件A共享B的存储区中的信息。我需要使用B的存储区中的信息进行API调用。如何从组件A访问B的存储区并将其数据传递给API调用?

byqmnocz

byqmnocz1#

您可以尝试将所有3个组件 Package 在某个新的上下文提供程序中,并初始化一个共享状态。
在组件B中,当redux状态改变时,触发useEffect钩子并更新共享上下文状态。
回到组件A,通过useEffect钩子捕获共享上下文状态变化。
此处显示的工作示例code sandbox

相关问题