Как реализовать функцию локального хранилища в корзине покупок? - React JS

---

Я попытался сделать функцию "сохранить продукт в локальном хранилище корзины" самостоятельно, но у меня было много проблем с ее реализацией, как вы можете видеть в моем последнем вопросе.

Поэтому я сбросил все обратно к тому, что есть, прежде чем реализовать это, потому что я действительно хочу знать, как это сделать должным образом подготовь это.

Кроме того, я не знаю, где разместить функцию локального хранения. Я изначально положил его туда Продукты.jsx потому что функция addToCart() была там, но тогда у меня тоже есть моя Корзину.jsx файл, в котором есть функция removeFromCart (). Если только я не создам один файл, посвященный этому, и просто не вызову функцию в обоих файлах? Я действительно ничего не понимаю...

Поэтому мой вопрос таков: может ли кто-нибудь помочь / продемонстрировать, как реализовать это в моем коде? Я уже просмотрел несколько учебников по локальному хранилищу, но все еще озадачен.

Помощь есть очень очень ценю,
Спасибо!

Что я уже пробовал:

Я пробовал смотреть на YouTube учебники о том, как добавить в корзину, а затем сохранить продукт в локальном хранилище корзины в React JS, но все учебники, которые я смотрел, не показывали вам бит локального хранилища. Я тоже искал это, но не нашел никаких решений...

---