如何从单独的组件中调用组件中的函数?

时间:2019-03-07 07:28:13

标签: reactjs redux

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

我的想法:  -我在组件 A 中有一个 getFormInput 函数,该函数会将输入传递到商店(通过已映射到组件 A的道具的分派。强>)。我不确定如何从另一个组件调用 getFormInput

1 个答案:

答案 0 :(得分:1)

我的想法:

由于您正在谈论redux存储,因此建议您在每个textchange上更新redux存储。也就是说,如果您在文本框中输入了“ a”,请调度操作并更新redux存储。这样,您将在整个数据库中获得一致的数据。

然后,当您单击按钮时,只需调用一个方法(可能是另一个操作),就可以在其中直接使用getState()。textBoxValue来访问您在文本框中输入的内容。 (这是可能的,因为您在每次textchange上都更新了Redux存储)