Hlib

Для вашего же удобства лучше разбивать весь проект на разные файлы, отвечающие за разные части кода.
Это поможет не только улучшить читаемость кода, но и устранит дублируемый код.
Собирать все эти компоненты можно передавать через export и import в друг друга.
Главный элемент импортируется в index.js, где вставляется в документ ReactDOM.render
С css опционально, можно вообще использовать StyledCss.
Однако если конкретно обратиться к вопросу, то тоже лучше разделить css систему на модули и импортировать в нужные компоненты. Станет намного удобнее.

Спасибо всем, кто помогал, дело было в том, что в редьюсере, я просто мутировал старый массив, вместо того чтобы передавать новый
Как было:
cartInfo.goodInfo.splice(i, 1);
Как стало:

cartInfo.goodInfo.splice(i, 1);
cartInfo.goodInfo = [...cartInfo.goodInfo];

Если кто-то будет искать ответ здесь - просто через цикл пропишите в каждом li (например) onclick функцию, которая с помощью this.innerHTML будет менять текст
В моём случае он меняется через prompt