reactjs - 如何在 React 中为每个组件包含一列的 HTML 表格建模？

Question

当我们知道如何分离关注点时，React 组件会很棒。然而，我发现这个案例很难抽象。

    |    A    |    B    |    C    |    |   A.a   |   B.a   |   C.a   |    |   A.b   |   B.b   |   C.b   |    |   A.c   |   B.c   |   C.c   |

我有每个请求返回 1 列的 API，例如:[A.a, A.b, A.c]所以通常我会喜欢 A、B、C 作为 React 组件并将其渲染到其父组件

但是，在这种情况下，我无法轻松做到这一点，因为 html 结构 flavor tr 每个组件，而不是每个列。

有人对此有任何想法吗？

Answer 1

以不同的方式迭代，迭代属性!使用“RowRenderer”组件循环遍历所有属性 .a、.b、.c(前提是您事先知道这些属性)。对于每个属性，使用一个“CellRenderer”，它接受诸如 A、B、C 之类的对象和迭代的属性名称，并渲染单元格.