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))
}
私がメッセージとして、タイトルと「世界」と「こんにちは」との情報のアラートを見ることを期待していますしかし、そうではありません。私は何が間違っているのか、あるいは私の期待を達成するための他の方法を知らない。
うわー、これはうまくいきました。時々、javascriptはちょっと気味悪いです!私は 'dispatch => dispatch(showMessage( 'Hello'、 'World'、toastrInfoOption))'のようなことをやっていました。違いは何ですか? – cdaiga
showMessageは、ディスパッチするパラメータを必要とする関数を返します。意味のないディスパッチ(shouwMessage(params));別の方法は、showMessageを変更し、ディスパッチ関数を返すのではなく、アクションオブジェクトを返すようにして、 –
の外にディスパッチできるようにすることです。 – cdaiga