如何在React中使用reduce获取嵌套数组中的累计价格

import React from 'react';

// 假设这是你的嵌套数组数据结构
const nestedArray = [
  { id: 1, items: [{ price: 10 }, { price: 20 }] },
  { id: 2, items: [{ price: 30 }, { price: 40 }] },
  // ...更多对象
];

function App() {
  // 使用reduce计算累计价格
  const total = nestedArray.reduce((accumulator, current) => {
    // 计算当前对象的items的总价格
    const currentTotal = current.items.reduce((acc, item) => acc + item.price, 0);
    // 将当前总价格加到累加器上
    return accumulator + currentTotal;
  }, 0);

  return (
    <div>
      <h1>累计价格: {total}</h1>
    </div>
  );
}

export default App;

const currentTotal = current.items.reduce((acc, item) => acc + Number(item.price), 0);