Size: a a a

React: русскоязычное сообщество

2021 January 08

ВБ

Владислав Бурлаченко... in React: русскоязычное сообщество
Доброго времени суток, у меня есть переиспользуемый input, я привязал его к хуку useRef и по нажатию Enter добавляю введённое значение в массив и очищаю его с помощью inputEl.current.value = null.
Но после этого все введённые значения в инпут больше на записываются в массив. Кто может подскзать в чём я ошибся
источник

J

Jennifer in React: русскоязычное сообщество
Владислав Бурлаченко
Доброго времени суток, у меня есть переиспользуемый input, я привязал его к хуку useRef и по нажатию Enter добавляю введённое значение в массив и очищаю его с помощью inputEl.current.value = null.
Но после этого все введённые значения в инпут больше на записываются в массив. Кто может подскзать в чём я ошибся
Зачем тебе ref, если из e можно взять currentTarget
источник

ВБ

Владислав Бурлаченко... in React: русскоязычное сообщество
Я уже решил проблему
источник

ВБ

Владислав Бурлаченко... in React: русскоязычное сообщество
Это и проблемой то не было
источник

ВБ

Владислав Бурлаченко... in React: русскоязычное сообщество
По сути
источник

ВБ

Владислав Бурлаченко... in React: русскоязычное сообщество
Оно мне выдавало такой результат
источник

ВБ

Владислав Бурлаченко... in React: русскоязычное сообщество
источник

ВБ

Владислав Бурлаченко... in React: русскоязычное сообщество
А все потому что
источник

ВБ

Владислав Бурлаченко... in React: русскоязычное сообщество
2 выполнялось первый чем 1
источник

ВБ

Владислав Бурлаченко... in React: русскоязычное сообщество
Из за колбек функции
источник

ВБ

Владислав Бурлаченко... in React: русскоязычное сообщество
И в результирующий массив попадало уже очищенное значение
источник

ВБ

Владислав Бурлаченко... in React: русскоязычное сообщество
Я просто перенес 2 внутрь и поставил перед return
источник

ВБ

Владислав Бурлаченко... in React: русскоязычное сообщество
Слишком банально, незнание основ сыграло со мной злую шутку)
источник

A

Aleksandr in React: русскоязычное сообщество
Владислав Бурлаченко
Слишком банально, незнание основ сыграло со мной злую шутку)
Ну основы вещь стоящая, например в них написано, что работать с дом напрямую очень плохая практика
источник

ВБ

Владислав Бурлаченко... in React: русскоязычное сообщество
Aleksandr
Ну основы вещь стоящая, например в них написано, что работать с дом напрямую очень плохая практика
Ну тут я тоже согласен.
Я мог бы это сделать через тот же useState и заносить по onChange значения value. Но из за условностей поставленной задачи. Мне пришлось бы много костылить из за этого. Поэтому я просто очищаю инпут через useRef
источник

Р

Руслан in React: русскоязычное сообщество
Владислав Бурлаченко
Ну тут я тоже согласен.
Я мог бы это сделать через тот же useState и заносить по onChange значения value. Но из за условностей поставленной задачи. Мне пришлось бы много костылить из за этого. Поэтому я просто очищаю инпут через useRef
Хз, кажется, что одного useEffect хватило бы
источник

ВБ

Владислав Бурлаченко... in React: русскоязычное сообщество
Я только учу реакт) ещё не использовал useEffect)
источник

DK

Dmytro Kryshtopenko in React: русскоязычное сообщество
Всем привет.
Зачем нужен prop-types если есть typescript и можно делать интерфейсы и типы для props/state f.e.?
источник

A

Aleksandr in React: русскоязычное сообщество
Dmytro Kryshtopenko
Всем привет.
Зачем нужен prop-types если есть typescript и можно делать интерфейсы и типы для props/state f.e.?
Тайпскрипт не везде есть и не везде нужен
источник

DK

Dmitry Kozlov in React: русскоязычное сообщество
Всем привет!
Как можно реализовать, чтобы при каждом клике отображались названия цветов а не буквы названия последнего цвета (grey), Объяснил не понятно, знаю..По ссылке надеюсь поймете:
https://codesandbox.io/s/strange-morning-ritvc
источник