Как синхронизировать input и range slider?

Хочу чтобы двигая range слайдер менялся value у инпута, а вводя другое число в input передвигался ползунок слайдера к введенному значению. Вот второе и не получается реализовать. value в инпуте просто другое не вводится даже. Как это дело поправить?
https://codesandbox.io/s/xenodochial-dawn-9sien?fi...
Спасибо.
  • Вопрос задан
  • 343 просмотра
Решения вопроса 1
0xD34F
@0xD34F Куратор тега React
setValue(value === e.target.value);

Лишнее: value ===.

Ну и ограничений не хватает, так что:

setValue(Math.min(max, Math.max(min, e.target.value)));

UPD. Вынесено из комментариев:

Хотел реализовать тоже самое с двойным range слайдером и оказалось несколько сложнее.

Ничего сложного.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы