Телеграмм чат группы react

Size: a a a

React — русскоговорящее сообщество

2021 May 28

Cat Gn in React — русскоговорящее сообщество

Получается, что каждый компонент, который использует компонент с моим инпутом должен реализовать такой код:

const newInputValue = event.currentTarget.value;
      setInputValue(newInputValue);

а это дублирование бесит

источник

12:10пожаловаться #1

Taras Postoliuk in React — русскоговорящее сообщество

const [inputValue, setInputValue] = useState(‘’

)

const handler = e => setInputValue(e.target.value)

<CustomInput onChange={handler} value={inputValue} />

источник

12:15пожаловаться #2

Cat Gn in React — русскоговорящее сообщество

Это та проблема, которую я и описывал, просто в поисках лучшего решения

источник

12:19пожаловаться #3

Taras Postoliuk in React — русскоговорящее сообщество

Почти все реюзабельные компоненты принимают сверху хендлеры и велью

источник

12:20пожаловаться #4

Taras Postoliuk in React — русскоговорящее сообщество

На то они и реюзабельные

источник

12:20пожаловаться #5

Cat Gn in React — русскоговорящее сообщество

Печалька, конечно(

источник

12:20пожаловаться #6

Vladimir Kurchatkin in React — русскоговорящее сообщество

Можно сделать поддержку одновременно contolled и uncontrolled режима

источник

12:25пожаловаться #7

Green Orange in React — русскоговорящее сообщество

если нет надобности изменять снаружи, то пусть самостоятельно,
а если есть, то пусть снаружи?

источник

12:26пожаловаться #8

Vladimir Brozhik in React — русскоговорящее сообщество

добрый день

подскажите есть какая нибудь библиотека для react, которая предоставляет компонент по аналогии с ScrollView или FlatList как в RN ?

источник

12:34пожаловаться #9

ТФ

Татьяна Фомина... in React — русскоговорящее сообщество

https://github.com/bvaughn/react-window

GitHub

bvaughn/react-window

React components for efficiently rendering large lists and tabular data - bvaughn/react-window

источник

12:35пожаловаться #10

Vladimir Brozhik in React — русскоговорящее сообщество

Спасибо!!

источник

12:36пожаловаться #11

export default - зло... in React — русскоговорящее сообщество

Нет

источник

12:37пожаловаться #12

export default - зло... in React — русскоговорящее сообщество

Нет

источник

12:38пожаловаться #13

Green Orange in React — русскоговорящее сообщество

https://hooks.umijs.org/hooks/state/use-controllable-value

https://github.com/alibaba/hooks/blob/master/packages/hooks/src/useControllableValue/index.ts

GitHub

alibaba/hooks

React Hooks Library. Contribute to alibaba/hooks development by creating an account on GitHub.

источник

12:45пожаловаться #14

Cat Gn in React — русскоговорящее сообщество

Это их хук для такого рада задач?

источник

12:48пожаловаться #15

Green Orange in React — русскоговорящее сообщество

Вашу задачу не совсем понял, но можно почитать для чего и как используется, мб подойдёт

источник

12:50пожаловаться #16

Cat Gn in React — русскоговорящее сообщество

Кстати, проблемы начинаются ещё тогда, когда ты оборачиваешь инпут в другой компонент, у которого нужно установить value ,которое он передаст этому инпуту, получается, что ты уже дважды дублируешь логику обратного вызова

источник

12:50пожаловаться #17

Cat Gn in React — русскоговорящее сообщество

Спасибо

источник

12:50пожаловаться #18

export default - зло... in React — русскоговорящее сообщество

Фигню какую-то делаешь, все должно идти из стейта сверху, и меняться тоже он должен

источник

12:51пожаловаться #19

export default - зло... in React — русскоговорящее сообщество

По-другому только с дебаунсом делается

источник

12:52пожаловаться #20