react 用合计项

import React from 'react';
 
const ProductList = ({ products }) => {
  const totalPrice = products.reduce((sum, product) => {
    return sum + product.price;
  }, 0);
 
  return (
    <div>
      <p>Total Price: {totalPrice}</p>
    </div>
  );
};
 
// 使用示例
const products = [
  { name: 'Product 1', price: 100 },
  { name: 'Product 2', price: 200 },
  { name: 'Product 3', price: 300 }
];
 
const App = () => (
  <div>
    <ProductList products={products} />
  </div>
);
 
export default App;