Size: a a a

2020 February 23

А

Александр in JS Liberty
нашел ответ вроде. Хотя я не до конца еще понимаю термины, но <input>с value  считается "контролируемым". Это означает, что отображаемое значение полностью контролируется renderфункцией и для изменения нужно onChange событие.
источник

А

Александр in JS Liberty
перевод с англ.
источник

А

Александр in JS Liberty
либо просто применить defaultValue, что проще всего)
источник

DE

Denis Efremov in JS Liberty
readonly
источник

В

Виктория in JS Liberty
Лучше первый вариант
источник

А

Александр in JS Liberty
(( не нравятся мне эти readonly, пока сложно((
источник

А

Александр in JS Liberty
Виктория
Лучше первый вариант
а почему, если можно узнать?
источник

А

Александр in JS Liberty
вроде мороки больше и все)
источник

В

Виктория in JS Liberty
Полный контроль над полем
источник

В

Виктория in JS Liberty
Ну тебе можно и defaultValue
источник

DE

Denis Efremov in JS Liberty
Александр
(( не нравятся мне эти readonly, пока сложно((
disabled
источник

DE

Denis Efremov in JS Liberty
<input type="range" min="0" max="50" value="10" disabled />
источник

В

Виктория in JS Liberty
Не надо дизеблед
источник

А

Александр in JS Liberty
так совсем не работает))
источник

DE

Denis Efremov in JS Liberty
А какая задача то?
источник

А

Александр in JS Liberty
да задачи никакой)) третий день react учу после js, то просто не все понятно))
спасибо за помощь)
источник

В

Виктория in JS Liberty
Denis Efremov
А какая задача то?
Он хотел дефаулт валуе установить и не мог
источник

А

Александр in JS Liberty
да, просто value, а не defaultValue не работал визуально ((
хотя e.target.value менялось
источник

DE

Denis Efremov in JS Liberty
Александр
да, просто value, а не defaultValue не работал визуально ((
хотя e.target.value менялось
На Вью было бы так:

{
 ...
 data: () => ({
   value: 10,
 }),
)

<input type="range" min="0" max="50" v-model="value" />
источник

В

Виктория in JS Liberty
Ну вот на реакте нечто похожее, только там валуе в стэйте хранится
источник