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



正如标题所说,我的组件使用 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

相关内容

  • 没有找到相关文章

最新更新