localstorageにデータを保存しようとしています

Question

私のReactアプリケーションでは、APIからデータを取得した後に、私のreduxストアとlocalStorageにデータを保存しようとしています。私は

Error: Actions must be plain objects. Use custom middleware for async actions.

を得続けることはここに私のコードです：

export const setDataInStore = (myData) => { 

    return { 
     type: types.SET_MY_DATA, 
     myData 
    }; 
} 

const setDataInLocalStorage = (myData) => { 

     window.localStorage.myData = myData; 
} 

export const getMyData =() => { 

    return (dispatch) => fetch('/api/mydata', fetchOptionsGet()) 
     .then((response) => { 
      if (response.ok) { 
       parseJSON(response) 
        .then(myData => { 

         dispatch(setDataInStore(myData)); 
         dispatch(setDataInLocalStorage(myData)); 
        }) 
      } else { 
       // Handle error 
      } 
     }) 
} 

問題がsetDataInLocalStorage機能です。 debuggersを入力すると、私はsetDataInLocalStorageに入り、myDataに入っていることがAPI呼び出しによって設定されていることがわかります。

私は何が間違っていますか？

Answer 1

dispatchは、返されるアクションオブジェクトを想定しています。この場合、setDataInLocalStorageはdispatchの処理を返すことはありません。

我々は唯一のlocalStorageを設定したいので、我々はこれにディスパッチラインを変更することができますと呼ばれている通常の関数としての）我々は（setDataInLocalStorageを扱う

dispatch(setDataInStore(myData)); 
setDataInLocalStorage(myData); 

。