使用某些值更新同一商店react-redux

Question

有沒有辦法僅更新ReactJS存儲中的對象集合中的某些值？我有一個電話，讓我把所有的客戶名單都帶上了一些匿名的價值。我需要在收到此響應後更新商店，但是再次使用這些匿名數據再次進行服務調用以獲取真實價值。我需要第一次調用的數據以及第二次調用數據網格的所有信息。那麼，如何僅使用一些關鍵值對更新我的商店，而不是使用react-redux應用程序中的整個數據集呢？

Answer 1

您沒有提供任何代碼，但是...您可以在您的減速器中執行此操作。

假設你有一個名爲clientReducer的reducer，如果它只是一個對象，如上所述，你可以這樣做。

function clientReducer(state, action) { 
    return Object.assign({}, state, { 
    [action.payload.key] : action.payload.value 
    } 
} 

你的行動將是這個樣子：

function changeClientValue(key, value) { 
    return { 
     type: 'CHANGE_CLIENT_VALUE', 
     payload: { 
     key: key, 
     value: value 
     } 
    } 
} 

對於對象的數組，我認爲這應該不使用任何額外的庫一樣不可改變JS工作。雖然我還沒有測試過！

const initialState = [ 
    { 
     id: 1, 
     clientFirstN‌​ame: 'Paul', 
     ...otherFields 
    }, 
    { 
     id: 2, 
     clientFirstN‌​ame: 'Adam', 
     ...otherFields 
    } 
]; 

// Reducers 
function clientSubReducer(state = initialState, action) { 
    switch(action.type) { 
     case 'MODIFY_CLIENT': 
      return { 
       ...state[action.payload.index], 
       ...action.payload.fields 
      } 
    } 
} 

export function clientReducer(state, action) { 
    switch(action.type) { 
     case 'MODIFY_CLIENT': 
      return [ 
       ...state.slice(0, action.payload.index), 
       clientSubReducer(state, action), 
       ...state.slice(action.payload.index + 1) 
      ] 
    } 
} 


//Action 
function modifyClient(client) { 
    return (dispatch, getStore) => { 
     const store = getStore(); 
     let storeIndex = -1; 

     for (let i = 0; i < store.clients.length; i++) { 
      const storeClient = clients[i]; 
      if (client.id === storeClient.id) { 
       storeIndex = i; 
      } 
     } 

     // Our store contains the client object 
     if (storeIndex > -1) { 
      dispatch({ 
       action: 'MODIFY_CLIENT', 
       payload: { 
        index: storeIndex, 
        fields: client // You could diff the client and store client and pass only the ones you want to modify back 
       } 
      }) 
     } 
     //Our Store does not contain the client object 
     else { 
      dispatch({ 
       action: 'ADD_CLIENT', 
       payload: { 
        client: client 
       } 
      }) 
     } 
    } 
}