将单个数据字符串从操作传递到组件React / Redux / ES6的最佳方法

时间:2017-06-16 18:46:06

标签: javascript reactjs ecmascript-6 redux

我的操作中有一个字符串,我想将其设置为组件中通知框的文本。我无法弄清楚如何使用react / redux / ES6将该字符串移动到组件。

我有减速机

`export default function changeNotificationText(state = initialState.notifyMessage, action, newMessage) {

let newState;
switch(action.type){
    case types.DELETE_PROCESS_NOTIF_MESSAGE:
     state = newMessage;
      return state;
    case types.DELETE_PROCESS_NOTIF_MESSAGE_FAILURE:
      state = newMessage;
      return state;
 }
 return state;



 }

`

状态项称为notifyMessage。

这是从动作

调用reducer
export function changeNotificationTextSuccess(newMessage) {

return {type: types.DELETE_PROCESS_NOTIF_MESSAGE,  notifyMessage: newMessage};

}

1 个答案:

答案 0 :(得分:2)

你的减速机应该是这样的:

export default function changeNotificationText(state = initialState.notifyMessage, { type, notifyMessage }) {
    switch(type){
        case types.DELETE_PROCESS_NOTIF_MESSAGE:
            return notifyMessage;
        case types.DELETE_PROCESS_NOTIF_MESSAGE_FAILURE:
            return notifyMessage;
    }
    return state;
}

请注意notifyMessage是您发送的操作的一部分