ReactJs-处理状态/道具的正确方法

Question

我有三个组成部分：

1. 主要（包含表格组件和按钮）
2. 模块组件
3. 表单组件

工作流程如下：主“ New X”中的按钮调用Modal，该Modal在其中打开Form组件。

在上面，我将表单输入保持为表单状态（以便进行验证等）

现在，我需要一个新的工作流程：双击Main中的表应打开模式和表单，但在表单中输入行数据（以便能够编辑数据）

要重用尽可能多的代码，我想使用相同的Modal / Form组件，但将行数据作为props通过Modal传递到组件中。

目前，行数据是Main的状态，作为props传递给Modal，最后作为props传递给Form，然后将其设置为state。

我的问题是：这是正确的处理方式吗？从理论上讲，我可以使两个组件具有不同的数据状态。

Answer 1

是的，似乎是正确的处理方式。 React开发人员团队建议保留state lifted up as much as possible。

可以肯定的是，您可以用不同的方式来处理它，但是最终总是要尽可能地提升状态。

Answer 2

  

这是正确的处理方式吗？

是的

  

从理论上讲，我可以使两个组件具有不同的数据状态。

不，不是。表单是管理状态的唯一表单。