カートに追加したアイテムの値段の合計を表示

Author: mokajima

src/App.js

@@ -29,6 +29,7 @@ const App = () => {
           <li key={item}>{item}</li>
         ))}
       </ul>
+      <Total cartItems={cartItems} />
     </div>
   );
 };
@@ -57,4 +58,12 @@ const AddButton = ({ disabled, onClick }) => {
   );
 };
 
+const Total = ({ cartItems }) => {
+  console.log('renders <Total />');
+
+  const total = cartItems.reduce((acc, cur) => cur.length * 100 + acc, 0);
+
+  return <p>合計: {total}円</p>;
+};
+
 export default App;