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

const items = [
  {
    name: 'item1',
    price: 10,
    children: [
      {
        name: 'item1.1',
        price: 5,
        children: []
      },
      {
        name: 'item1.2',
        price: 8,
        children: []
      }
    ]
  },
  {
    name: 'item2',
    price: 15,
    children: []
  }
];

render() {
  const totalPrice = items.reduce((acc, item) => {
    if (item.children.length > 0) {
      const childPrice = item.children.reduce((childAcc, childItem) => childAcc + childItem.price, 0);
      return acc + item.price + childPrice;
    } else {
      return acc + item.price;
    }
  }, 0);

  return (
    <div>
      Total Price: {totalPrice}
    </div>
  );
}