如何从return()中将多个JSX价格相加？

function App() {
  const price1 = 10;
  const price2 = 20;
  const price3 = 30;

  const totalPrice = price1 + price2 + price3;

  return (
    <div>
      <p>Price 1: {price1}</p>
      <p>Price 2: {price2}</p>
      <p>Price 3: {price3}</p>
      <p>Total Price: {totalPrice}</p>
    </div>
  );
}