如何从另一个操作启动react-redux-toastr操作消息

时间:2017-01-11 02:19:31

标签: alert react-redux redux-thunk

我正在使用react-redux-toastr在我的应用中生成警报。这些警报将在一段时间内显示给用户。我希望在其他操作成功完成或以编程方式失败后启动这些消息。我使用的是捆绑的Readme

我按照读书中的说明完成了前4个步骤。要从另一个操作(自定义)启动消息操作,我执行了以下操作:

//in the '../actions/action.js' folder
import { actions } from 'react-redux-toastr'

export function showMessage(title, message, options){
  return dispatch => dispatch(actions.add({
    type: options.status,
    title,
    message,
    options
 }))
}

export const toastrInfoOption = {
  icon: 'info',
  status: 'info'
}

//I am using the thunk middleware
export function test(){
  return dispatch => dispatch(showMessage('Hello','World', toastrInfoOption))
}

当触发测试操作时,我希望看到信息警报,并且#34; Hello"作为标题和"世界"作为消息,但事实并非如此。我不知道我做错了什么,或者其他任何方式来实现我的期望。

1 个答案:

答案 0 :(得分:2)

您的行动创建者似乎不对。试试这个:

 export function test() {
    return dispatch => showMessage('Hello','World', toastInfoOption)  (dispatch)
 }