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

Question

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

и не могу придумать, как сделать его полезным i.e. чтоб можно было задать ему например min=0 max=1200 и получить адекватные значения обратно. Сейчас он завязан на статичный размер и всё.
https://codesandbox.io/s/ymky0nj0vz
Вот код. Буду благодарен если также посоветуете способы избавиться от говна, типа тройного условия, или как-то улучшить логику функционирования. Заранее спасибо.
================================================
UPD: https://codesandbox.io/s/r071kx6jvp
немного обновил, добавил ивент-лиснер на весь документ (ранее встречал уже в других либах такой подход, Но он не очень react-way), а также считаю кофициент масштабирования для пользовательских min и max, но такой рассчёт не учитывает, что диапазон может быть внутри диапазона, который начинается не с нуля, и в принципе учитывает только длины, но не границы. Может, у кого-нибудь есть идеи?
=========================================
UPD2: https://codesandbox.io/s/r071kx6jvp Вроде как более менее работает. Можно тянуть за кружочки и за темную область. Вопрос с функцией так и не решён, и хоть кофициент и достаточен для моих нужд, хотелось бы нормальное решение. Качество далеко от идеала, работает туговато, иногда затупает и начинает dragаться за мышью. Хочу услышать советы по улучшению, а то решу, что сделал всё правильно и опубликую как распространяемый компонент😄

#frontend #javascript #programming #react.js #russian

0

18.12.2018

1 ответов

4 просмотра

Alex Sutulov · Accepted Answer

Alex Sutulov

А ты оборачиваешь React.Fragment, чтобы не использовать <div></div>? И стили через style jsx? Сейчас так кто-то делает? Я думал, что все уже на styled перешли?

0

18.12.2018

169 похожих чатов

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

1 ответов

Похожие вопросы