React开发-使用抽象+工厂实现状态机
日常开发遇到的一些问题?
大量的if else
大量的switch case
代码阅读性差,扩展性差
代码耦合性强,复用率低
痛点
以电商平台订单状态的流转为例
从图中可以看到不同的订单状态对应不同的操作按钮,在代码中实现(伪代码)
if (status === '待付款'){
btns = ['取消订单','去付款'];
}else if (status === '待发货'){
...
}
或者使用switch case
switch (status){
case '待
原创
2020-09-01 17:30:21 ·
258 阅读 ·
0 评论