totalAmountアプリでの表示に問題があります。2 回のレンダリングのため、間違った値が表示されます。そのために useMemo フックを使用しようとしています。
これはどのように見えるかです（cssを気にしないでください:D）
したがって、次のように数えます。
7.99 * 2 + 4.99 = 20.97
最後に追加されたアイテム -44.99カウントされていませんtotalAmount
22回レンダリングするため、最初のアイテムを乗算します。
そして、ここに私のコード サンドボックスがあります: https://codesandbox.io/s/objective-kare-805kc?file=/src/components/App.tsx