V2EX › saplf 的所有回复 › 第 1 页 / 共 1 页

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

For Existing Member Sign In

2023 年 7 月 14 日

回复了 FallMonkey 创建的主题 › 程序员 › 复杂的基于后端数据的 UI 渲染逻辑，怎么重构比较有效？

个人看法，列出条件表格之类的，比如：
[
{ condition: (data) => bool, component: ComponentA },
{ condition: (data) => bool, component: ComponentB },
...
]
这里根据不同的条件渲染不通的组件。组件内部的细节看具体情况拆分出可传入的 props ，也就是把会变动的元素变成属性传入，至于传入的是组件还是字体样式什么的，看变化程度，具体情况具体分析，在上面的每一项里再加一个 props 属性表格，结构类似