Задать вопрос
@MRcracker

Как правильно сделать переиспользуемый компонент?

Добрый день. У меня есть папка Components, которая содержит в себе папки с компонентами. В ней лежит папка Sliders, которая содержит в себе css стили и index.jsx код слайдера.

Еще в проекте есть папка Pages, которая содержит в себе страницы на одной из которых я вызываю компонент Sliders.

Массив с контентом для слайдера находится так же в Sliders.

Как правильно сделать, чтобы компонент Sliders был переиспользуемым и можно было его вызвать на какой-нибудь другой странице, но с другими данными? Где в таком случае хранить данные, которые должны отображаться в слайдере?

Проблема заключается в том, что слайдер может быть вызван сразу на нескольких страницах и конкретно указать, что на одной странице используется тот или иной массив не получится.

Подскажите, пожалуйста, в каком направлении хотя бы искать информацию.
  • Вопрос задан
  • 64 просмотра
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Мидл фронтенд-разработчик
    5 месяцев
    Далее
  • Яндекс Практикум
    React-разработчик
    3 месяца
    Далее
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 1
Aetae
@Aetae
Тлен
1. Получать данные на каждой странице в самой странице - передавать как props в Sliders.
2. Сделать компонент-обёртку VasyaSliders только и делающий, что получающий данные Васи и рисующий с ними Sliders. Положить его в папочку components рядом со страницами его использующими.

¯\_(ツ)_/¯
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
ITK academy Нижний Новгород
от 80 000 до 120 000 ₽
ITK academy Воронеж
от 50 000 до 90 000 ₽