2017-01-11 10 views
0

私は自分のアプリでalert-generate-toastrを使ってアラートを生成しています。これらのアラートは、一定期間ユーザに表示されます。私はこれらのメッセージを、別のアクションが正常に実行されたか、プログラムによって失敗した後に起動したい。私はReadmeをパッケージにバンドルして使用しています。別のアクションからreact-redux-toastrアクションメッセージを起動する方法

私は読まれた私に示された最初の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)) 
} 

私がメッセージとして、タイトルと「世界」と「こんにちは」との情報のアラートを見ることを期待していますしかし、そうではありません。私は何が間違っているのか、あるいは私の期待を達成するための他の方法を知らない。

答えて

2

あなたの行動作成者は正しくないようです。試してみてください:

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

うわー、これはうまくいきました。時々、javascriptはちょっと気味悪いです!私は 'dispatch => dispatch(showMessage( 'Hello'、 'World'、toastrInfoOption))'のようなことをやっていました。違いは何ですか? – cdaiga

+1

showMessageは、ディスパッチするパラメータを必要とする関数を返します。意味のないディスパッチ(shouwMessage(params));別の方法は、showMessageを変更し、ディスパッチ関数を返すのではなく、アクションオブジェクトを返すようにして、 –

+0

の外にディスパッチできるようにすることです。 – cdaiga

関連する問題