不変のデータを更新し、Javascriptで約束を返す

Question

私はImmutableオブジェクトを使ってReact-Reduxアプリケーションを構築しています。私はAPIエンドポイントから取得したデータで状態を更新する必要があります。私はアイデアは私がフェッチデータはここ

が私のコードであるデータオブジェクト内のそれぞれのティッカー・キーに入るということです

const state = fromJS({ 
     tickers: ['AAPL', 'TSLA', 'GOOGL'], 
     data: { 
      AAPL: Map(), 
      TSLA: Map(), 
      GOOGL: Map() 
     } 
    }); 

データに追加する前に、ここで

は私の状態構造でありますデータを取得して更新してみてください

export function requestAPIData(state, tickerArray){ 
    return dispatch => { 
     return yahooFinance.historical({ 
        symbols: tickerArray, 
        from: '2012-01-01', 
        to: '2012-01-05', 
        period: 'd' 
       }, (err, quotes) => { 
        throw new Error('err'); 
       }).then(result => { 
        addDataToKeysFunction(state, result); 
       }).then(() => { 
        console.log(state); 
        dispatch(success()); 
       }) 
      } 

     } 

function addDataToKeysFunction(state, data){ 
    return new Promise ((resolve, reject) => { 
     for(let key in data){ 
      console.log(data[key]); 
      state.setIn(['data', key], data[key]); 
     } 
     resolve(); 
    }) 
} 

ここで私は混乱しています。状態オブジェクトに対してstate.setInを呼び出すだけでは、状態（？）を返さない限り、不変オブジェクトは更新されないため、一時的に更新されます。しかし、私はまた、解決される必要がある、または拒絶される必要がある約束を返す。状態が更新され、約束が解決されるようにするにはどうすればよいですか。

私は不変のデータ構造を扱うのが比較的新しいので、不明な点がある場合は、それを指摘してください。また、コールバックを使用してこれを行うための唯一の方法である場合、それも同様です。

Answer 1

私は答えを見つけました。何らかの理由で、promise呼び出しのresolve（）の一部としてデータを返すとエラーが発生しましたが、コールバックで返すのは問題ありません。

export function requestAPIData(state, tickerArray){ 
    return dispatch => { 
     return yahooFinance.historical({ 
        symbols: tickerArray, 
        from: '2012-01-01', 
        to: '2012-01-05', 
        period: 'd' 
       }, (err, quotes) => { 
        throw new Error('err'); 
       }).then(result => { 
        addDataToKeysFunction(state, result, function(return_data){ 
         console.log(return_data); 
        }); 
       }) 
      } 

     } 

function addDataToKeysFunction(state, data, done){ 
    let new_state = state; 
    for(let key in data){ 
     new_state = state.setIn(['data', key], data[key]); 
     state = state.merge(new_state); 
    } 
    done(state); 
} 

Answer 2

Reduxの基本的な誤解を率直に示すように見えるコードには、いくつかの問題があります。他の人が私の前に表明したように、私はReduxのドキュメントに戻って時間を費やすことをお勧めします。上記のコードで

いくつかのコメント：

• 発送はしか（拡張子によっておよび減速）ストアに意思を伝えるプレーンJSオブジェクトを受け入れる必要があります。
• あなたのアプリがその状態を変えるたびに、そのロジックはそのレデューサー内で発生するはずです。ここでは、減速器の外側にある状態を変えているようです。
• 非同期アクションをReduxと混在させる場合、おそらくThunkのような別のライブラリを使用しているはずです。非同期レシピについては、Reduxのドキュメントを参照してください。