Reactjs react应用程序是否可能有多个状态为的组件？

我正在学习reactJS，并遵循我认为是最佳实践的做法（在最低逻辑级别进行陈述）

我的结构是：

• 具有自己输入的页面（自己的状态）
  • 卡片组件（其中2个各有自己的表格）
    • 表（表输入的自身状态）
      • 表行
        • 表格单元格（带选择输入）
        • 表格单元格（带文本输入）

---

我现在正试图将我的数据保存到服务器上，但我却无法将状态保存到表中。我可能必须删除表状态，并且只有最高级别的状态。在同一个应用程序中有多个状态是很少见的吗？如果是这样，这意味着我必须在我的表格单元格中的

input type=“select”

上为onChange编写处理程序方法的prop，一直到page=>card=>table=>row=>cell？似乎道具列表将以这种模式快速增长。我在react的一些文档中看到了这种担忧，但是这些建议似乎都不适合。

上下文的示例

解决了一个可能需要由多个组件访问的单个项目，而不是一系列仅适用于层次结构较低的几个组件的道具。

您可能需要，或者作为一个替代选项。@Narro OP不需要管理状态。您可能必须使用

上下文API

-感谢您阅读关于上下文API的博客，根据他的示例和react文档中的示例，我似乎应该将状态向上移动。这就是你所建议的@Yatrix吗？我唯一的另一个想法是在

页面
组件
saveToServer
中创建一个状态属性，当用户单击save时该属性设置为true。然后它将该支撑传递到
表
组件，这些组件在
componentdiddupdate
上拾取该支撑并保存它们的状态，然后将其翻转到
false
父级不知道它们是否都成功保存，但我认为这没问题。这听起来像是坏模式吗？