如何重置 react-redux 的值？

Question

我一直在使用 MERN 堆棧。
我想知道如何重置 redux 值中的值。
如果我將不正確的數據發送到后端/login路由並且我得到'Invalid email or password' ，我將其保存為 redux。 我在前端看到了。 更改路線時，在我將路線更改為登錄（反應）頁面后，我看到此消息。 如果我刷新頁面 redux 重置。
我有一個問題如何在不刷新和更改路線的情況下重置值？

Answer 1

import {reset} from 'redux-form';

...

dispatch(reset('myForm'));  // requires form name

Answer 2

我從您的問題中得到的是，當您從頁面 a切換到頁面 b時，您想從 redux 商店清除“無效的 email 或密碼” 。

這就是您可以做的，您可以通過創建和操作將其重置為 redux 中的數據，然后在頁面 a內卸載時調度它。

像這樣的內頁

componentWillUnmount() {
  dispatch(resetErrorMessageAction())
}

內部actions.js

function resetErrorMessageAction(data) {
  return {
    type: 'RESET_ERROR_MESSAGE'
  }
}

在你的減速機里面

function(state, action) {
  switch(action.type) {
    case 'RESET_ERROR_MESSAGE':
      return {
        ...state,
        errorMessage: ''
      }
  }
}