正如标题所说,我的组件使用 connect
函数连接到 redux 存储,不会触发特定情况下的状态更改更新,而在其他情况下运行良好。
正在修改的状态中的变量具有以下结构
state: {
billDetails: {
productType1: {...},
productType2: {...},
productType3: {...},
productType4: {
accountId1 : [
{invoiceNo:1, isChecked: true},
{invoiceNo:2, isChecked: false}
],
accountId2: [...]
}
}
}
我正在尝试从化简器更改 ischeck 的 falue,这正在成功发生,因为我可以看到它在 React-Native 调试器中发生了变化,但是组件本身没有得到更新。
这是该特定情况下我的化简器代码的代码
{
const { accountId, invoiceNo, isChecked } = action.payload;
const billDetails = result(state.billDetail, `${action.payload.productType}.${accountId}`, []);
const billDetailsModified = billDetails.map((bill) => {
if (bill.invoiceNo === invoiceNo) {
bill.isChecked = isChecked;
}
return bill;
});
const newState = Object.assign({}, state);
newState.billDetail[action.payload.productType][accountId] = billDetailsModified;
return newState;
}
组件使用 billDetail: result(state, 'billUsage.billDetail', {})
连接到 mapStateToProps
函数中的billdetails
对象
Object.assign 复制属性值,因此复制对象引用,因此 state.billDetail 和 newState.billDetail 引用同一对象。因此,您正在更改原始状态,从而使状态not updating
。