首先,我是React和Redux的新手。
每当我调度事件时,在将Snackbarfrom material-ui作为通知面板显示时都会遇到麻烦。
请参见我的示例的样机代码。该通知不,因为这一切的方式显示this.props.sending在App组件集来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)