Добрый день. У меня есть папка Components, которая содержит в себе папки с компонентами. В ней лежит папка Sliders, которая содержит в себе css стили и index.jsx код слайдера.
Еще в проекте есть папка Pages, которая содержит в себе страницы на одной из которых я вызываю компонент Sliders.
Массив с контентом для слайдера находится так же в Sliders.
Как правильно сделать, чтобы компонент Sliders был переиспользуемым и можно было его вызвать на какой-нибудь другой странице, но с другими данными? Где в таком случае хранить данные, которые должны отображаться в слайдере?
Проблема заключается в том, что слайдер может быть вызван сразу на нескольких страницах и конкретно указать, что на одной странице используется тот или иной массив не получится.
Подскажите, пожалуйста, в каком направлении хотя бы искать информацию.
1. Получать данные на каждой странице в самой странице - передавать как props в Sliders.
2. Сделать компонент-обёртку VasyaSliders только и делающий, что получающий данные Васи и рисующий с ними Sliders. Положить его в папочку components рядом со страницами его использующими.
