reactjs – 如何在React中为每个组件的列建模HTML表？

发布时间：2020-12-15 20:19:04 所属栏目：百科来源：网络整理

导读：当我们知道如何分离关注点时,React组件非常棒. 但是,我觉得这个案子很难抽象. | A | B | C | | A.a | B.a | C.a | | A.b | B.b | C.b | | A.c | B.c | C.c | 我有API,每个请求返回1列,例如：[A.a,A.b,A.c] 通常我会希望A,B,C成为React组件并将其呈现给它的

当我们知道如何分离关注点时,React组件非常棒.
但是,我觉得这个案子很难抽象.

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

我有API,每个请求返回1列,例如：[A.a,A.b,A.c]
通常我会希望A,B,C成为React组件
并将其呈现给它的父组件

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

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

解决方法

迭代不同,迭代属性！使用“RowRenderer”组件循环遍历所有属性.a,.b,.c,因为您事先知道这些属性.每个属性,使用一个“CellRenderer”,它接受A,C等对象和迭代的属性名称,并渲染单元格.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!