es6：スプレッド演算子を使用したresultの値は？

Question

は、このコードを犠牲にして反応し、反応しました。

私の質問は、普及したオフェレーターが使用されたときの最終的な結果です。私がそれを正しく理解すれば、基本的に反復可能または配列を個々の引数に変えます。

ですから、出力は...演算子で取得したすべてのフィールドを使用して別のJSONオブジェクトを作成しているだけです。

const INITIAL_STATE = { postsList: {posts: [], error:null, loading: false}, 
         newPost:{post:null, error: null, loading: false}, 
         activePost:{post:null, error:null, loading: false}, 
         deletedPost: {post: null, error:null, loading: false}, 
        }; 

export default function(state = INITIAL_STATE, action) { 
    let error; 
    switch(action.type) { 

    case FETCH_POSTS:// start fetching posts and set loading = true 
    return { ...state, postsList: {posts:[], error: null, loading: true} }; 

ので、これはFETCH_POSTSの結果である：

{ 
postsList: {posts: [], error:null, loading: false}, 
          newPost:{post:null, error: null, loading: false}, 
          activePost:{post:null, error:null, loading: false}, 
          deletedPost: {post: null, error:null, loading: false, }, 

ので、基本的にはpostsListキーが存在していたことを知っているし、それを上書きするのに十分スマートでしたか？

react.jsアプリの状態の有無を確認することに頼るのは、アンチパターンですか？キー値がnullの場合は「このキーが存在するかどうか」を意味します。

なぜ、配列キーを使用してキーの値を変更しますか？ INITIAL_STATE ['postsList'] = {... postsObject}

または新しい演算子を使用していますか？

Answer 1

Object.assignと... spread演算子は、浅いコピーに適しています。ディープコピーでは、lodash/deepCloneやdeepCopy utilを好きです。

export default function deepCopy(obj) { 
    if (typeof obj === 'object' && Object.prototype.toString.call(obj) === '[object Array]') { 
    let finalObj = []; 
    for (let i = 0, len = obj.length; i < len; ++i) { 
     finalObj.push(deepCopy(obj[i])); 
    } 
    return finalObj 
    } else if (typeof obj === 'object') { 
    let finalObj = {}; 
    for (let prop in obj) { 
     if (obj.hasOwnProperty(prop)) { 
     finalObj[prop] = deepCopy(obj[prop]); 
     } 
    } 
    return finalObj; 
    } else { 
    return obj; 
    } 
} 

私は盲目的に私の状態を新しい状態に深くコピーします。そして、さまざまなオブジェクトにObject.assignを適用します。したがって、私のコードは：

const newState = deepCopy(state); 
Object.assign(newState.prop1, { innerProp: 'val' }); 

Answer 2

あなたは状態を不変として扱いたいと思います。減速機は、新しい状態オブジェクトを返すべきであり、既存の状態オブジェクトを変更してはならない。 INITIAL_STATE ['postLists'] = somethingNewを実行すると、 INITIAL_STATEによって参照されるオブジェクトを変更しています。

この場合、spread演算子を使用する代わりに、既存のオブジェクトに基づいて新しいオブジェクトを作成し、いくつかのプロパティをオーバーロードするObject.assignを使用します。

言われているように、実際には減速機定義のstateのデフォルト値以外のINITIAL_STATEは使用しないでください。