Как реализовать данный код в React?

Question

[petrro]

Здраствуйте!
Я сделал интернет-магазин на JS. Но у меня есть задача сделать маленькую часть этого сайта на React. Проблема заключается в том что у меня достаточно поверхностные знания React и JSX а задача очень сложная но и очень важная...не хочется опускать руки и бросить ее, поэтому я прошу помощи в более опытных программистов.
Что эта часть делает? Она фильтрует товары и при нажатии на кнопку "купить" добавляет в мини-корзину(на той же html cтранице).
Я решил забросить эту часть в песочницу, думаю так будет удобнее, с точки зрения читабельности кода.
Вот ссылка:
https://codesandbox.io/s/dawn-architecture-ey6vo

Comments

[Рональд Макдональд]

Я сделал интернет-магазин на JS.

Бугога.

По теме: на фриланс.

Answer 1

[Афанасий Захаров]

Бесплатно реализовывать за вас, уж простите, не буду. Могу попробовать дать пару советов
Верстка man и woman должна быть универсальной, это будет основной реакт компонент. Этот компонент вы будете вызывать с пропсой sex (там будет пол), и при отрисовке компонента вам нужно будет сделать запрос к бэкэнду за нужными товарами. Наполнение списком товаров тоже делайте не через innerHTML, а средствами реакта, через state.