React Redux - невозможно передать строку через действие отправки

Я хотел бы отправить действие с помощью String, но payload / tabName все еще показывает null в console.info в редукторе, может ли кто-нибудь помочь? Спасибо.

Отправлять

store.dispatch(getDetail("new string"));

MapDispatchToProps

function MapDispatchToPropsTab(state) {   
    return {  
        getDetail : (tabName) => dispatch(getDetail(tabName)),
    }  
}  

function getDetail(tabName) {
      return {
          type: 'GET_DETAIL',
          payload:tabName
      }
    }

Редуктор

function reducreForTabs(state = initialState4, action) {
      if (typeof state === 'undefined') {
        return 0
      }

      switch(action.type) {
          case 'GET_DETAIL': {

              console.info(action.payload);

              var tabs2 = {'title': action.payload};

              return {
                    ...state,
                    tabs: state.tabs.concat(tabs2)
                  };

          }
          default :{
              return state
          }
      }
    }

Он должен быть в action.payload, а не в action.tabName

Dario 02.10.2018 11:21

ДА, я отредактировал свой вопрос, у меня оба не работают

Angala Cheng 02.10.2018 11:23
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
0
2
535
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Это опечатка.

function MapDispatchToPropsTab(dispatch) {   // not state
    return {  
        getDetail : (tabName) => dispatch(getDetail(tabName)),
    }  
}  

Другие вопросы по теме