2017-10-19 15 views
0

私はToDoリストが作成された後、アイテムをlocalstorageに保存したいと思います。減速機はどのように見えますか?私は減速機またはビューでsetItemメソッドを行う必要がありますか?マイナーアクションのための還元状態

case 'PUBLISH_TODO_PENDING': 
      return { ...state, loading: true, todo_published: false, //do I do this? } 
     case 'PUBLISH_TODO_FULFILLED': 

      return { 
       ...state, 
       loading: false, 
       todo_published: true, //do I do this? 
       data: { 
        result: { 
         todo: state.data.todo, 
        } 
       } 
      } 

私はビューでSetItem関数を使用したい場合は、私は藤堂天気をのSTATを伝えるフラグを行う必要が出版されたりされていません。愚かなことに、私は初期状態でもフラグを立てなければなりません。

答えて

4

redux-thunkを使用する必要があります。反応アプリで使用するには、店舗で次のスニペットを使用します。

const configureStore = (initialState) => (
    createStore(
    reducer, 
    initialState, 
    composeEnhancers(
     applyMiddleware(thunk) 
    ) 
) 

また、それは設定して、別のフォルダにローカルストレージから取得関与するコードを書くためのより良い練習で、「utilsの」と言うとアクション内部のあなたのアクションページで同じをインポートします。

+0

上記のlocalstorageコードは表示されませんが、localstorageユーティリティはどこに配置されますか? createStoreのparam内にありますか? –

+0

上記のコードスニペットは、あなたのアクションでredux-thunksを使用できるようにすることです。 'src'フォルダ内に 'utils'フォルダを作成することができます(create-react-appを使用した場合)。 utilsフォルダの中には、ローカルストレージに関するすべての機能を含むファイルを作成することができます。 –

+0

ここで何がサンクしていますか(applyMiddlewareに渡されたパラメータです。 –

0

ローカル保存は副作用です。これはredux-sagaを使用して処理するのに最適なので、特定の動作を聞いて、イベントリスナのようなものをやります。

関連する問題