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

Question

[kiberlain]

Есть слайдер. Вне слайдера есть инпут. Как сделать, чтобы при вводе определённого слова в инпут срабатывала функция прокрутки вперёд?

const check =() => {какая-то магия}
return(
<input type="text" onKeyUp="check">
<swiper>
)

Answer 1

[0xD34F]

const [ text, setText ] = useState('');
const [ swiper, setSwiper ] = useState(null);

useEffect(() => {
  if (swiper && text какой там вам нужен) {
    swiper.slideNext();
  }
}, [ swiper, text ]);

<Swiper
  onSwiper={setSwiper}
  ...

<input
  value={text}
  onChange={e => setText(e.target.value)}
  ...

Comments

[kiberlain]

Спасибо вам большое!