Redux ToolKit: отправить рассылку - PullRequest
0 голосов
/ 27 февраля 2020

Здравствуйте, я пытаюсь использовать избыточный инструментарий, но у меня есть сомнения, как я могу отправить рассылку, чтобы изменить состояние моего редуктора

Мой магазин:

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: открыто,

Я следую учебному пособию по избыточному набору инструментов, но я не был уверен, как отправить свою рассылку и как изменить статус моего всплывающего меню на моем слайсе

1 Ответ

0 голосов
/ 28 февраля 2020

Я решаю с этим.

const togglePopUp = createSlice({
  name: 'popUp',
  initialState: INITIAL_STATE,
  reducers: {
    toggle: (state, action) => {
      state.popUpIsOpen: !state.popUpIsOpen
    },
  },
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...