亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

redux異步請求state和props如何合理控制?

redux異步請求state和props如何合理控制?

慕的地8271018 2019-01-29 16:47:03
情景:現在有個彈框,當前頁面有個按鈕,點擊按鈕顯示彈框。彈框內有輸入表單,輸入后點提交按鈕請求接口,如果接口請求正確關閉彈框,如果報錯,toast提示不關閉當前彈框?,F在是頁面中state中定義個字段isShow來控制彈框隱藏或顯示。this.state={    isShow:false}用到的是redux-saga,在點擊的按鈕的請求接口this.props.menuCreate({id:123})對于如果是錯誤狀態的話,需要在reducer里定義一個錯誤的狀態,根據請求狀態來修改這個error狀態 let initState={    error:false}然后在頁面中使用componentWillReceiveProps來判斷props的error的狀態,然后再修改isShow來控制彈框。感覺有點繁瑣。還是說把彈框的隱藏顯示的控制也放到redux的store中,都通過props來控制彈框狀態,這樣更合理呢。
查看完整描述

1 回答

?
千巷貓影

TA貢獻1829條經驗 獲得超7個贊

感覺寫用redux處理這種邏輯有點殺雞用牛刀。。。
onClick事件里處理異步請求,直接根據結果判斷是否需要將模態框隱藏掉就可以。

onClick = () => {
    fetchAPI()
        .then(result => {            this.setState({visible: false});
        })
        .catch(e => {
            alert(e.message)
        )
}


查看完整回答
反對 回復 2019-01-29
  • 1 回答
  • 0 關注
  • 611 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號