来自减速器的动作 returns 'undefined'

Question

我试图从 filterSlice 执行我的操作，但它变成了 undefined。我有切片 (FilterSlice.js):

export const filterSlice = createSlice({
    name: 'filter',
    initialState: {
      ...
      minPrice: 0,
      maxPrice: 2147483647,
      ...
    },
    reducers: { 
      adjustPrice: (state, action) => {
          state.minPrice = action.payload.minPrice;
          state.maxPrice = action.payload.maxPrice;
      }
    },
   ...

从该切片导出的动作：

export const { adjustPrice } = filterSlice.reducer;

在另一个文件中，我正在尝试发送该操作：

import { ... adjustPrice } from '../features/filter/filterSlice';
...
const dispatch = useDispatch();
...
const handleApplyClick = () => dispatch(adjustPrice(100, 1000));

它会导致错误，因为某些原因 adjustPrice() 未定义。

TypeError: Object(...) 不是一个函数句柄申请点击 C:/diploma/client/src/components/PriceRangePanel.js:84 84 | const handleApplyClick = () => dispatch(adjustPrice(100, 1000)); | ^ 85 |

有趣的是，它在 Redux Devtools 中完美无缺： Redux Devtools example

有人可以帮我吗？

Answer 1

是

export const { adjustPrice } = filterSlice.actions;

不是filterSlice.reducer

来自减速器的动作 returns 'undefined'

Action from reducer returns 'undefined'

react-redux

redux-toolkit