Здравствуйте, я пытаюсь использовать избыточный инструментарий, но у меня есть сомнения, как я могу отправить рассылку, чтобы изменить состояние моего редуктора
Мой магазин:
import { configureStore } from '@reduxjs/toolkit';
import rootReducer from './rootReducer';
const store = configureStore({
reducer: rootReducer,
});
if (process.env.NODE_ENV === 'development' && module.hot) {
module.hot.accept('./rootReducer', () => {
const newRootReducer = require('./rootReducer').default;
store.replaceReducer(newRootReducer);
});
}
export default store;
мой root Редуктор:
import { combineReducers } from '@reduxjs/toolkit';
import { togglePopUp } from '../slices/popupMenu';
const rootReducer = combineReducers({
togglePopUp: togglePopUp.reducer,
});
export default rootReducer;
Мой срез:
import { createSlice } from '@reduxjs/toolkit';
const INITIAL_STATE = {
popUpIsOpen: false,
};
const togglePopUp = createSlice({
name: 'popUp',
initialState: INITIAL_STATE,
reducers: {
toggle: (state, action) => {
console.log(action);
},
},
});
export const { toggle } = togglePopUp.actions;
export { togglePopUp };
Мой JSX:
const dispatch = useDispatch();
const { popUpIsOpen } = useSelector(RootState => RootState.togglePopUp);
<p onClick={() => dispatch(toggle())}>
My Account
<span>
<FontAwesomeIcon
className="adjust"
icon={faAngleDown}
size="xs"
fixedWidth
color="white"
/>
</span>
</p>
Я в основном пытаюсь сделать меню переключения при нажатии изменить статус false или true
где false: закрыто / true: открыто,
Я следую учебному пособию по избыточному набору инструментов, но я не был уверен, как отправить свою рассылку и как изменить статус моего всплывающего меню на моем слайсе