时间戳

首页 > 解决方案 > 如何从单独的组件调用组件中的函数？

reactjs - 如何从单独的组件调用组件中的函数？

问题描述

我在两个单独的组件A和B中有一个表单输入和一个“提交”按钮。单击组件B中的提交按钮时，如何将输入值从组件A传递到 Redux 存储？

我的想法： - 我将在组件A中有一个getFormInput函数，它将输入传递给商店（通过已映射到组件A道具的调度）。我不确定如何从不同的组件调用getFormInput 。

标签： reactjsredux

解决方案

我的想法：

既然您在谈论 redux 存储，我建议您在每次 textchange 时更新 redux 存储。也就是说，如果您在文本框中输入了“a”，请发送一个操作并更新 redux 存储。这样，您将拥有一致的数据。

当您单击按钮时，只需调用一个方法（可能是另一个操作），您就可以直接使用 getState().textBoxValuewhatever 来访问您在文本框中输入的内容。（这是可能的，因为您在每次文本更改时都更新您的 redux 存储）

推荐阅读