Нужна помощь в определении нескольких ползунков с реактивными компонентами

Question

У меня есть проект, который мне нужен, чтобы включить ползунок, чтобы позволить пользователю выбрать диапазон конфигураций.Я могу использовать ползунок и заставить его работать, но мне нужно иметь несколько ползунков в одной форме, и единственное, что возвращается с событием onChange, - это число или диапазон чисел для ползунка типа range.Кто-нибудь знает, как их назвать?

Answer 1

Я только что понял, как справиться с этим.Раньше я передавал событие, делающее это:

onChange={(event) => {this.handleVolumeChange(event)}}

Проблема с этим заключается в том, что событие, которое вызывается, является событием мыши, и у него нет информации, необходимой для event.target.значение, которое я привык использовать для других форм ввода и т. д. Решение заключается в следующем:

onChange={(value) => {this.handleVolumeChange(value, 'volume-slider')}}

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