{this.state.items.map((item) => (
<li
key={item.id}
className={item.isActive ? 'list__item list__item--active' : 'list__item'}
>
<div className="list__item">
key={item.id}
</div>
</li>
))}const filterBySource = (data, sources) => ...
const Row = ({ children }) => <div class="row">{children}</div>;const App = () => {
return (
<div>
<Row>
<Col md={6}>
<ItemList />
</Col>
<Col md={6}>
<PersonDetails />
</Col>
</Row>
</div>
);
};Что тут странного? Есть массив с категориями. И у каждой есть имя для фронта. Это его вывод.
catItem.category_name
Теперь посмотрите скомпилированные файлы. Замените в index.html пути к ресурсам с '/static/...' на 'static/...'
И вот ресурсы подгружаются без сервера и приложение запускается. Но не будет картинок из JavaScript, там надо, полные пути писать.
Ваш сервер же будет забирать статику в зависимости от того как вы его настроите. При билде вся статика удобно складывается в папку static с сохранением всех путей и есть смысл брать ее прям оттуда.