如何进行跨组件表单检查

问：

我有几个组件，一个包含整个表单系统的模态组件。此组件包含一个包含所有字段的 modalBody 组件，一个包含提交按钮的 modalFooter 组件。输入包含在 modalBody 中。如何检查模态体中包含的字段是否为空，并且仅在单击位于模态页脚中的提交按钮时才进行检查，我使用脉轮UI。我使用 react-redux。对面的图片说明了组件结构的结构

我在模态组件中放置了一个 isSubmit 状态，该状态在 props 中传递给 modalBody 组件，直到 Input 组件，最初它是假的，一旦单击提交按钮，它就会传递到 true，因此在 props（modalBody 和输入）中接收 isSubmit 的子组件可以做出相应的反应（通过 api 将数据发送到数据库）这种方法的问题是我无法验证用户可以提交的任何内容，因此可以提交空字段（这并不酷）