Блог

Итак, я пытаюсь реализовать слайд-шоу из изображений, и при эффекте перехода от одного изображения к другому также будут внесены изменения в текст с левой стороны. Итак, я пытаюсь найти способы достижения этого, следует ли сделать слайд-шоу отдельным компонентом, а текст — отдельным компонентом, и поделиться состоянием как активным именем класса, чтобы оно было общим для них, или применить любую другую возможную стратегию. Надеюсь получить помощь в этом.

Обратитесь к первому изображению

Обратитесь ко второму изображению

Я бы предпочел использовать два отдельных компонента, но с их содержимым, зависящим от двух разных переменных состояния / объектов и использующим обратный вызов setState для обновления одной переменной состояния за другой. Было бы здорово иметь эти переменные в родительском компоненте react, чтобы можно было передавать ссылку родительского компонента его потомкам и манипулировать этими переменными состояния, избегая столкновений с реквизитами. Кроме того, есть компонент slideshow react, который вы, возможно, захотите использовать в:

https://github.com/femioladeji/react-slideshow