javascript - redux如何使用状态

Question

我在以下 React Redux 代码中收到错误:

这个redux索引

const AllReducers = combineReducers({
    foolow: follow_Reducer,
    vacations: vacations_Reducer,
    register: register_Reducer,
    follows: follows_Reducer,
    isLogged: logged_Reducer,
});

这个 redux reducer

const follows_Reducer = (state = false, action) => {
    switch (action.type) {
        case 'FOLLOW':
            return !state

        case 'UNFOLLOW':
            return state

        default:
            return state;
    }
}
export default follows_Reducer;

这个 react

export default function Vacation() {
    const vacations = allvacations();
    const classes = useStyles();
    const [value, setValue] = React.useState('recents');
    const foolow = useSelector(state => state.foolow);
    const dispatch = useDispatch()

    <BottomNavigation 
        value={value} 
        onClick={() => dispatch((foolow))} 
        onChange={handleChange} className={classes.root} 
    >
        <BottomNavigationAction 
            label="Follow" 
            value="Follow" 
            icon={<FavoriteIcon />} 
    />
    </BottomNavigation>
}

这给我带来了一个错误

错误:操作必须是普通对象。使用自定义中间件进行异步操作。

Answer 1

您的调度方式错误，调度应该始终是一个对象。请尝试使用此代码。

<BottomNavigation 
  value={value} 
  onClick={() => dispatch({ type: 'FOOLOW', payload: foolow })} 
  onChange={handleChange} 
  className={classes.root} 
/>

之后您可能还需要对 reducer 进行一些更改。