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

Question

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

我的结构是：

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

我现在正试图将我的数据保存到服务器上，但我遇到了这种情况，我无法将状态保存在表上。我可能必须删除表状态，并且只有最高级别的状态。在同一个应用程序中有多个状态是不常见的吗？如果是这样，这意味着我必须在我的表格单元格中写出 onChange 的处理程序方法的道具，input type="select"一直到 page=>card=>table=>row=>cell? 使用这种模式，道具列表似乎会增长得相当快。我在一些反应文档中看到了这种担忧，但这些建议似乎都不合适。该示例contexts解决了可能需要由许多组件访问的单个项目，而不是一系列仅适用于层次结构更远的少数组件的道具。

标签： reactjs