V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX  ›  saplf  ›  全部回复第 1 页 / 共 1 页
回复总数  1
2023-07-14 14:13:38 +08:00
回复了 FallMonkey 创建的主题 程序员 复杂的基于后端数据的 UI 渲染逻辑,怎么重构比较有效?
个人看法,列出条件表格之类的,比如:
[
{ condition: (data) => bool, component: ComponentA },
{ condition: (data) => bool, component: ComponentB },
...
]
这里根据不同的条件渲染不通的组件。组件内部的细节看具体情况拆分出可传入的 props ,也就是把会变动的元素变成属性传入,至于传入的是组件还是字体样式什么的,看变化程度,具体情况具体分析,在上面的每一项里再加一个 props 属性表格,结构类似
关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   943 人在线   最高记录 6679   ·     Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 · 9ms · UTC 21:04 · PVG 05:04 · LAX 13:04 · JFK 16:04
Developed with CodeLauncher
♥ Do have faith in what you're doing.