如何在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,例如:[Aa,Ab,Ac]所以通常我会希望A,B,C成为React组件并将其呈现给它的父组件

但是,在这种情况下,我不能轻易做到这一点,因为每个组件的html结构风味tr,而不是每列.

有没有人对此有任何想法？

Answer 1

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