reactjs - 提交几个不同的 React 表单，在管理这些表单的组件之外使用一个按钮

Question

我目前正在做一个 reactjs 项目，并且我一直坚持一个概念。我有几个表单，每个表单都由一个组件（类）管理，当我单击另一个组件中的按钮时，我想提交这些表单（全部一起）。我将Reactstrap库用于表单。

我经历了这个答案，这个答案与我的相似，但没有一个能完全帮助我。

标签： reactjs

Answer 1

我不得不寻找几种解决方案（使用父引用），但没有一个让我满意。为了解决我的问题，我不得不求助于redux。在 redux 级别创建 state 并将 parent 和 children 连接到 store。因此，一旦父级在 onClick 函数中验证了提交（使用按钮），状态（如果我们使用mapStateToProps 则为道具）被修改，并且组件子级和父级被重新渲染；我们可以使用componentWillReceiveProps函数来检测 props 的变化并提交表单。