React应用程序是否可能具有多个具有状态的组件？

Question

我正在学习reactJS并遵循我认为的最佳实践（处于最低逻辑级别）。

我的结构是：

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

我现在正在尝试将数据保存到服务器，这对我来说是偶然的，我无法将状态保存在表上。我可能必须删除表状态，而只有最高级别的状态。在同一个应用中具有多个状态是否很常见？如果是这样，那意味着我必须在我的表格单元格中的input type="select"上，通过页面=> card => table => row =>单元格一直写出onChange的处理程序方法的prop？似乎道具列表将以这种模式快速增长。我在一些react文档中看到了这种担忧，但是似乎没有任何建议是合适的。 contexts的示例解决了可能需要由许多组件访问的单个项目，而不是一系列仅适用于层次结构较远的几个组件的道具。