作者：麦尔小哈PICA | 来源：互联网 | 2023-05-27 10:48
情景：现在有个弹框，当前页面有个按钮，点击按钮显示弹框。弹框内有输入表单，输入后点提交按钮请求接口，如果接口请求正确关闭弹框，如果报错，toast提示不关闭当前弹框。现在是页面中state中定义个字段
情景：
现在有个弹框，当前页面有个按钮，点击按钮显示弹框。
弹框内有输入表单，输入后点提交按钮请求接口，如果接口请求正确关闭弹框，如果报错，toast提示不关闭当前弹框。
现在是页面中state中定义个字段isShow来控制弹框隐藏或显示。
1
2
3
| this.state={
isShow:false
} |
用到的是redux-saga,在点击的按钮的请求接口
1
| this.props.menuCreate({id:123}) |
对于如果是错误状态的话，需要在reducer里定义一个错误的状态，根据请求状态来修改这个error状态
1
2
3
| let initState={
error:false
} |
然后在页面中使用
1
| componentWillReceiveProps |
来判断props的error的状态，然后再修改isShow来控制弹框。
感觉有点繁琐。
还是说把弹框的隐藏显示的控制也放到redux的store中，都通过props来控制弹框状态，这样更合理呢。
京公网安备 11010802041100号