我有一个React应用程序,它包含三个组件A、B和C。在组件A中,我有一个要提交的按钮。在组件B中,我 Package 了Redux存储,在组件C中,我有一个表单。我无法更改此结构,因为它是现有格式。每次我更改表单时,B中的存储都会更新。组件A -此处为按钮组件B -此处为还原存储组件C -表单现在,我想在单击按钮时与组件A共享B的存储区中的信息。我需要使用B的存储区中的信息进行API调用。如何从组件A访问B的存储区并将其数据传递给API调用?
byqmnocz1#
您可以尝试将所有3个组件 Package 在某个新的上下文提供程序中,并初始化一个共享状态。在组件B中,当redux状态改变时,触发useEffect钩子并更新共享上下文状态。回到组件A,通过useEffect钩子捕获共享上下文状态变化。此处显示的工作示例code sandbox
1条答案
按热度按时间byqmnocz1#
您可以尝试将所有3个组件 Package 在某个新的上下文提供程序中,并初始化一个共享状态。
在组件B中,当redux状态改变时,触发useEffect钩子并更新共享上下文状态。
回到组件A,通过useEffect钩子捕获共享上下文状态变化。
此处显示的工作示例code sandbox