Size: a a a

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

2020 August 14

EM

Eugene Maltsev in React — русскоговорящее сообщество
Daniil Tchernyavsky
тк бек это машина которую челик настраивает и может вообще слать 200 на все и в теле запроса писать “sosat ya upal”
Graphql чтоли
источник

DT

Daniil Tchernyavsky in React — русскоговорящее сообщество
источник

SK

Sugar Kane in React — русскоговорящее сообщество
Ребят вопрос. Есть компонент в реакте. Он добавляет поле опыт работы на страницу кандидата. В компоненте есть форма. И куча инпутов в ней.
Так вот в компоненте есть функция onChange которая принимае ивент и меняет стейт (пустое поле ' ' на то что добавит пользователь.

И вставляется эта функция в инпут так:
onChange={e => onChange(e)}

Так вот я пробую делать так:
onChange={onChange}

и все равно форма сабмитится. Так какая разница между этими двумя вариантами то в итоге?
источник

EM

Eugene Maltsev in React — русскоговорящее сообщество
В данном случае никакая, во втором не создается анонимная функция каждый раз
источник

EM

Eugene Maltsev in React — русскоговорящее сообщество
Да?🤔
источник

DB

David Bowie in React — русскоговорящее сообщество
Sugar Kane
Ребят вопрос. Есть компонент в реакте. Он добавляет поле опыт работы на страницу кандидата. В компоненте есть форма. И куча инпутов в ней.
Так вот в компоненте есть функция onChange которая принимае ивент и меняет стейт (пустое поле ' ' на то что добавит пользователь.

И вставляется эта функция в инпут так:
onChange={e => onChange(e)}

Так вот я пробую делать так:
onChange={onChange}

и все равно форма сабмитится. Так какая разница между этими двумя вариантами то в итоге?
При onChange сабмитится?
источник

PI

Pasha Ivanov in React — русскоговорящее сообщество
Не ясно о чем вопрос. От "перемены мест слагаемых" форма сабмититься не перестанет))
источник

AH

Alex Hyriavets in React — русскоговорящее сообщество
Sugar Kane
Ребят вопрос. Есть компонент в реакте. Он добавляет поле опыт работы на страницу кандидата. В компоненте есть форма. И куча инпутов в ней.
Так вот в компоненте есть функция onChange которая принимае ивент и меняет стейт (пустое поле ' ' на то что добавит пользователь.

И вставляется эта функция в инпут так:
onChange={e => onChange(e)}

Так вот я пробую делать так:
onChange={onChange}

и все равно форма сабмитится. Так какая разница между этими двумя вариантами то в итоге?
источник

SK

Sugar Kane in React — русскоговорящее сообщество
David Bowie
При onChange сабмитится?
Сабмитится после нажатия кнопки. А onchange просто Стейт мееяет
источник

SK

Sugar Kane in React — русскоговорящее сообщество
Я в курсе спасибо. Вопрос о другом был
источник

PI

Pasha Ivanov in React — русскоговорящее сообщество
эти 2 варианта вообще никак не связаны с тем как сабмитится форма)
источник

DB

David Bowie in React — русскоговорящее сообщество
Sugar Kane
Сабмитится после нажатия кнопки. А onchange просто Стейт мееяет
В onSubmit e.preventDefault(). onChange не сабмитит
источник

PI

Pasha Ivanov in React — русскоговорящее сообщество
единственное отличие в том что если onChange передается в компонент, то при onChange={() => ...} на каждый рендер создается новая функция.
источник

EM

Eugene Maltsev in React — русскоговорящее сообщество
Pasha Ivanov
единственное отличие в том что если onChange передается в компонент, то при onChange={() => ...} на каждый рендер создается новая функция.
В функциональном компоненте и так и так будет создаваться)
источник

PI

Pasha Ivanov in React — русскоговорящее сообщество
нет, если есть useCallback
источник

EM

Eugene Maltsev in React — русскоговорящее сообщество
Pasha Ivanov
нет, если есть useCallback
И так тоже будет)
источник

PI

Pasha Ivanov in React — русскоговорящее сообщество
ок)
источник

SK

Sugar Kane in React — русскоговорящее сообщество
Pasha Ivanov
эти 2 варианта вообще никак не связаны с тем как сабмитится форма)
Немного неправильно может выразился. onChange при сабмите меняет стейт через useState. Я в формах реактовских плохо шарю вот и интересует что использовать лучше
источник

EM

Eugene Maltsev in React — русскоговорящее сообщество
useCallback про другое
источник

EM

Eugene Maltsev in React — русскоговорящее сообщество
Sugar Kane
Немного неправильно может выразился. onChange при сабмите меняет стейт через useState. Я в формах реактовских плохо шарю вот и интересует что использовать лучше
При изменение*
источник