saplf 最近的时间轴更新 saplf 最近的时间轴更新 |
saplfV2EX 第 386793 号会员，加入于 2019-02-25 10:39:19 +08:00 |
saplf 最近回复了
300 天前 回复了 FallMonkey 创建的主题 › 程序员 › 复杂的基于后端数据的 UI 渲染逻辑，怎么重构比较有效？ |
个人看法，列出条件表格之类的，比如：
[
{ condition: (data) => bool, component: ComponentA },
{ condition: (data) => bool, component: ComponentB },
...
]
这里根据不同的条件渲染不通的组件。组件内部的细节看具体情况拆分出可传入的 props ，也就是把会变动的元素变成属性传入，至于传入的是组件还是字体样式什么的，看变化程度，具体情况具体分析，在上面的每一项里再加一个 props 属性表格，结构类似
[
{ condition: (data) => bool, component: ComponentA },
{ condition: (data) => bool, component: ComponentB },
...
]
这里根据不同的条件渲染不通的组件。组件内部的细节看具体情况拆分出可传入的 props ，也就是把会变动的元素变成属性传入，至于传入的是组件还是字体样式什么的，看变化程度，具体情况具体分析，在上面的每一项里再加一个 props 属性表格，结构类似
Select Language