saplf's recent timeline updates saplf's recent timeline updates |
saplfV2EX member #386793, joined on 2019-02-25 10:39:19 +08:00 |
saplf's recent replies
Jul 14, 2023 Replied to a topic by 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