Reactを用いたデータ設計？考え方について教えて下さい

Question

現在create-react-app環境で簡単なショッピングサイト（アイテム一覧表示、カートへ追加、合計金額の表示）を作ってますが、親コンポーネントの複数要素あるstateを子コンポーネントで個別に変更することができず参っています。

以下のdataset.jsに登録されているitemデータを取得し、各々を表示、値の変更がしたいのですが、うまくいきません。
Reactオンリーでは実装が難しいのか、データ設計の時点で駄目なのか、どうすればよいかご享受願います。
具体的にやりたいことと、うまくいかないことは下に記述します。

やりたいこと（◯はできてます）

1. Reactのみの使用（reduxやｄｂは使わない）
2. 各itemの取得と表示◯（mapを使い子コンポーネントに値を渡しreturnしてます）
3. 各itemがカートに入れられたかどうかを判定する✗（defaultDatasetのaddedCartのtrue/falseを切り替えたい）
4. カート画面でに追加されたitemのみを表示する✗
5. カートに追加されたitemの個数と金額をかけ合わせ合計を出す✗（3,4ができればわかる気がします）

私の考えとしてはdefaultDatasetを親コンポーネント(App.jsx)のstateで管理。
子コンポーネント(Items.jsx, Item.jsx)で表示、addedCartやcartCountの値の変更。
子コンポーネント(Cart.jsx)で(App.jsx)のstateを取得しカートに追加されたアイテムと合計金額を表示する。
ということがしたいのですが、やりたいこと3の個別のitemオブジェクトのstateの変更ができません。

const dataset = {
  item: [
    {
      id: 1,
      name: "スポンジボブソファ",
      img: bobImg,
      description: "この椅子を設置したならば気が狂い眠れないでしょう…",
      price: 9800,
      // カートに追加されたかどうか
      addedCart: false,
      // カートに追加された数
      cartCount: 0,
    },
    {
      id: 2,
      name: "チャッキー",
      img: chukyImg,
      description: "Hi Dee Hoo!呪いの挨拶が聞こえたらオワリ",
      price: 5000,
      addedCart: false,
      cartCount: 0,
    },
  ],
}

//これらのオブジェクトが12個程あります

src/App.jsx, src/components/Main.jsx, src/components/Items.jsx, src/components/Item.jsx, src/components/Cart.jsx, src/dataset.jsx これらのファイルで上記のやりたいことに挑戦しております
実際のソース

質問の意図がわかりにくく面倒な質問かと思われますが、どなたか考え方や解決策・方向性を教えて下さい…。