嵌套对象的两列的反应表总和不起作用

如何解决嵌套对象的两列的反应表总和不起作用

我正在使用反应表来计算两列的总和，如下所示，其中我的行数据如下

pumps{
   pumpMO:{
       nozzleMOs:{
             nozzleMO:{
                saleMO:{
                   openingReading: 
                   closingReading:
                 }
             } 
       }
   }
   pumpMO:{
    nozzleMOs:{
             nozzleMO:{
                saleMO:{
                   openingReading: 
                   closingReading:
                 }
             } 
       }
   }
}

和我的列定义

const columns = React.useMemo(
    () => [{
      Header: 'Pump',columns: [ {
          Header: 'opening Reading',accessor: 'saleMO.openingReading',id: 'openingReading'
        },{
          Header: 'Closing Reading',accessor: 'saleMO.closingReading',id: 'closingReading'
        },{
          Header: 'Sale Volumne',accessor: row => [row.openingReading,row.closingReading].reduce(
            (sum,current) => parseInt(sum) + parseInt(current),0
          ),Cell: NonEditableCell
        }],}],[]
  )

和表定义

  {pumps.map((row,index) => {
      return <Styles key={index}>
        <h2>Pump {row.code}</h2>
        <Table pumpId={row.code}
          columns={columns}
          data={row.nozzleMOs}
          updateMyData={updateMyData}
          skipPageReset={skipPageReset}
        />
      </Styles>
    })}

但我将 Sale Volume 的值设为 NaN ，不知道 sum 是否适用于嵌套对象..需要帮助...