组件未在 redux 状态更改时更新

debugcn 发表于 Dev

B0rn2C0de

正如标题所说，我的组件连接到具有该connect功能的 redux 存储，但不会触发特定情况下状态更改的更新，而在其他情况下运行良好。

正在修改状态的变量具有以下结构

state: {
  billDetails: {
    productType1: {...},
    productType2: {...},          
    productType3: {...},
    productType4: {
      accountId1 : [
        {invoiceNo:1, isChecked: true},
        {invoiceNo:2, isChecked: false}  
      ],
      accountId2: [...]
    }
  }
}

我正在尝试从一个成功发生的减速器更改 ischecked 的错误，因为我可以看到它在 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;
}

该组件使用连接到函数中的billdetails对象mapStateToPropsbillDetail: result(state, 'billUsage.billDetail', {})

神学

Object.assign 复制属性值，因此复制对象引用，因此 state.billDetail 和 newState.billDetail 引用同一个对象。因此，您正在改变原始状态，这使状态变为not updating.

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。