如何Redux的

Question

更新正確嵌套數據這是我現在的目標，我需要更新：

[ 
    { id: q1, 
     answers:[ 
       { id: a1, 
        answered: false 
       }, 
       ... 
       ] 
    }, 
    ... 
] 

我無法弄清楚如何更新此對象，例如回答= true設置。 有沒有更好的方法來保存這種對象？我嘗試使用React的update插件，但無法正常工作。

Answer 1

您可以更新的答案列出這樣，在你的減速機：

function update(state, action) { 
    // assuming you are passing an id of the item to be updated via action.itemId 
    let obj = state.whatever_list.filter(item => item.id === action.itemId)[0] 

    //assuming you are passing an id of the answer to be updated via action.answerId 
    //also, assuming action.payload contains {answered: true} 
    let answers = obj.answers.map(answer => answer.id === action.answerId ? 
              Object.assign({}, answer, action.payload) : answer) 
    obj = Object.assign({}, obj, {answers: answers}) 
    return { 
     whatever_list: state.whatever_list.map(item => item.id == action.itemId? Object.assign({}, item, obj) : item) 
    } 
} 

這裏是你的行動可能是什麼樣子：

function updateAnswer(itemId, answerId, payload) { 
    return { 
     type: UPDATE_ANSWER, 
     itemId: itemId, 
     answerId: answerId, 
     payload: payload 
    } 
} 

在您的反應組件類中，假設有一個事件處理程序用於監視是否回答問題：

export default class Whatever extends React.Component { 

    ... 

    // assuming your props contains itemId and answerId 
    handleAnswered = (e) => { 
     this.props.dispatch(updateAnswer(this.props.itemId, this.props.answerId, {answered: true})) 
    } 

    ... 
} 

所以基本上會發生什麼情況是這樣的：

1. 你的事件處理程序調用動作和更新的數據傳遞給它
2. 當你的動作被調用，其與類型一起返回更新數據參數
3. 當您的減速器看到類型參數時，將觸發相應的處理程序（上述第一段代碼）
4. 減速器將從列表中提取現有數據，用新數據替換舊數據，然後返回一個包含新數據

Answer 2

您可以爲答案鍵創建一個子縮減器。請看下面的例子：

https://github.com/rackt/redux/blob/master/examples/async/reducers/index.js

Answer 3

您可以使用dot-prop-immutable和更新將是簡單的列表：

return dotProp.set(state, 'quiz.0.answers.0.answered', true);