如何使用redux替换数组中的值？

Question

我想覆盖在我的Redux状态是一个数组的特定值。我已经获得了索引，并且还获得了新文本的价值。我只是不确定覆盖以前文本的最佳方式。到目前为止，这是我的减速器。 UPDATE_LINK是我遇到的问题之一。

export function linkList(state = [], action) { 
    switch(action.type) { 
     case 'ADD_LINK': 
      var text = action.text; 
      console.log('Adding link'); 
      console.log(text); 
      return { 
       ...state, 
       links: [text, ...state.links] 
      }; 
     case 'DELETE_LINK': 
      var index = action.index; 
      console.log('Deleting link'); 
      return { 
       ...state, 
       links: [ 
        ...state.links.slice(0, index), 
        ...state.links.slice(index + 1) 
       ], 
      }; 
     case 'UPDATE_LINK': 
      var index = action.index; 
      var newText = action.newText; 
      console.log(action.newText); 
      console.log(action.index); 
      return { 
       ...state, 
       // How do I update text? 
      } 
     default: 
      return state; 
    } 
}; 

export default linkList; 

Answer 1

你可以使用Array.protoype.map回到哪里有合适的和新的条目现有条目，其中指数匹配：

var index = action.index; 
var newText = action.newText; 
return { 
    ...state, 
    links: state.links.map((existingLink, currentIndex) => index === currentIndex ? newText : existingLink) 
} 

或者，下面的现有DELETE_LINK逻辑：

return { 
    ...state, 
    links: [ 
     ...state.links.slice(0, index), 
     newText, 
     ...state.links.slice(index + 1) 
    ], 
};