小编wan*_*der的帖子

用React Redux显示Snackbar

首先,我是React和Redux的新手。

每当我调度事件时,在将Snackbarfrom material-ui作为通知面板显示时都会遇到麻烦。

请参见我的示例的样机代码。该通知不,因为这一切的方式显示this.props.sendingApp组件集来false时,立即API调用是成功的。

现在,如果我跳过SOMETHING_FULFILLED调度,一切似乎都可以正常工作。在state.open该的Notification组件设置为false感谢我的onRequestClose功能,但由于this.props.sending我的App部件仍设置true-然后每次App组件重新呈现它显示的通知。

知道我将如何正确实施吗?

我有一个action看起来像这样的东西。

const doSomething = (data) => {
  return dispatch => {
    dispatch({
      type: 'SOMETHING_PENDING',
      payload: { data }
    })

    apiCall.then((complete) => {
      dispatch({
        type: 'SOMETHING_FULFILLED',
        payload: { data }
      })
    })
  }
}
Run Code Online (Sandbox Code Playgroud)

reducer看起来像这样

const initialState = {
  sending: false
}

const SomeReducer …
Run Code Online (Sandbox Code Playgroud)

reactjs redux material-ui react-redux

5
推荐指数
1
解决办法
4715
查看次数

标签 统计

material-ui ×1

react-redux ×1

reactjs ×1

redux ×1