связь между компонентами одного уровня react

126
23 января 2020, 10:20

Есть 2 компонента. 1йы компонент это слайдер,который занимает центр экрана .2ой компонент footer это кнопка которая находится внизу экрана и при клике на которую слайдер должен перебрасывать на 1ое фото.Если делать такую кнопку в самом компоненте со слайдером то можно написать такую штуку

goToFirst = () => { this.slider.slickGoTo(this.state.slideIndex); }; и вот вопрос ,можно ли как-то обратиться к этому методу кнопкой из другого компонента или написать такой метод в другом компоненте?Или это плохая практика реакта ,что кнопка которая взаимодействует с элементом находится не в нем самом ,а черт знает где.

Answer 1

Можно сделать 3 компонента. Родитель ( контейнер ) , в нем хранится логика, и слайдер с кнопкой. Логику переключений и проброс организуем в контейнере, и через props передаем наши функции, которые отвечают за переключение https://codesandbox.io/s/980kyw633y

READ ALSO
Как добавить неактивное фото к slick slider react

Как добавить неактивное фото к slick slider react

Юзаю слик слайдер в реакте который мапит массив(rooms=[{title,id,img}]) и показывает фотки и рероутит при клике в зависимости от ид элемента массива

154
Как изменить класс иконки у текущего дропдауна?

Как изменить класс иконки у текущего дропдауна?

Всем привет у меня есть мини-задание

144
Nuxt VueJS There are multiple modules with names that only differ in casing

Nuxt VueJS There are multiple modules with names that only differ in casing

осваиваю nuxtJS при компиляции возникает ошибка гугл не помог, написано что при объявлении Заглавных букв возникает, однако у меня ошибка воздникает...

237
Миграция c Vuex standart mode → Vuex module [Длинно-пост]

Миграция c Vuex standart mode → Vuex module [Длинно-пост]

Ребят, будет длинно-пост, ибо пригорело что-тоБуду рад если вы не пройдете мимо или скажете что я не прав и херню наворотил :)

146