Как создать на React корзину?

Даниил Кочкин,

Как создать на React корзину?

Даниил Кочкин, Ошибка в коде, не могу посмотреть(

Как создать на React корзину?

Все что выше написал, я сделал, как теперь с помощи кнопки или линки, переходить в Корзину, и сохранить состояние то что выбрал в товарах??

Как создать на React корзину?

У меня получилось сделать счетчик события, но при "добавление" или "убывание", он меняет во всех местах, вот код

import React from 'react';

class ShoppingList extends React.Component {
    constructor() {
        super();
        this.state = {
            counter: 0,
        }
    }
    onClickUp = () => {
        this.setState((prevState) => {
            return {
                counter: prevState.counter + 1,
            }
        })
    };
    onClickDown = () => {
        this.setState((prevState) => {
            return {
                counter: prevState.counter - 1,
            }
        })
    };

    render() {
        return (
            <div>
                <div>
                    <img
                        src="https://s1.stc.all.kpcdn.net/putevoditel/projectid_103889/images/tild3230-3862-4039-b139-343530613431__bananas-1354785_1280.jpg"
                        alt=""/>
                    <p>Text</p>
                    <h1>{this.state.counter}</h1>
                    <button onClick={this.onClickUp}>Добвить</button>
                    <button onClick={this.onClickDown}>Убавить</button>
                    <button>Добавить в корзину</button>
                </div>
                <div>
                    <img
                        src="https://s1.stc.all.kpcdn.net/putevoditel/projectid_103889/images/tild3230-3862-4039-b139-343530613431__bananas-1354785_1280.jpg"
                        alt=""/>
                    <p>Text</p>
                    <h1>{this.state.counter}</h1>
                    <button onClick={this.onClickUp}>Добвить</button>
                    <button onClick={this.onClickDown}>Убавить</button>
                    <button>Добавить в корзину</button>
                </div>
                <div>
                    <img
                        src="https://s1.stc.all.kpcdn.net/putevoditel/projectid_103889/images/tild3230-3862-4039-b139-343530613431__bananas-1354785_1280.jpg"
                        alt=""/>
                    <p>Text</p>
                    <h1>{this.state.counter}</h1>
                    <button onClick={this.onClickUp}>Добвить</button>
                    <button onClick={this.onClickDown}>Убавить</button>
                    <button>Добавить в корзину</button>
                </div>
            </div>
        )
    }
}


export default ShoppingList;

Как создать на React корзину?

а сам алгоритм кода, при Button => onClick как работает и при переходе?