Size: a a a

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

2020 July 11

R

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

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Roman
Привет, использую семантик формы и react-hook-form.
Если кто знает то там в хуке даешь реф на input и оно все работает. Но у меня в семантике форма это див внутри которого инпут а мне надо поставить референс на инпут. Как мне сделать это ?
проп реф на инпут упадет
источник

R

Roman in React — русскоговорящее сообщество
Dmitriy Shuleshov
проп реф на инпут упадет
Не падает, не работает
источник

R

Roman in React — русскоговорящее сообщество
Тестил с простым <input/> все норм, а с этим нет
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Roman
Не падает, не работает
вызов register попробуй
источник

R

Roman in React — русскоговорящее сообщество
Не, не то
источник

A

Anton in React — русскоговорящее сообщество
Иван
Суть в том, что сверху вниз можно передавать только данные, а снизу вверх — только события.

Ты описал ситуацию, в которой хочешь сверху вниз передать событие «собрать урожай». А должен снизу вверх передавать «урожай собран»
спасибо, кажется появилась идея хорошей реализации 👍🏻
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Roman
Не, не то
И правда не работает💁‍♂️нужно issue покопать
источник

DM

Dmitriy Marynenko in React — русскоговорящее сообщество
вот  код   и  ошибка, при  переходах  между страницами,     кто  сталкивался   подскажите как исправить
источник

DM

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

R

Roman in React — русскоговорящее сообщество
Dmitriy Shuleshov
И правда не работает💁‍♂️нужно issue покопать
<Form.Field>
                           <label>Email</label>
                           <Input
                               type='email'
                               autoComplete="email"
                               placeholder="Email"
                               name="email"
                               ref={register}
                           />
                       </Form.Field>
И если так сделать тоже не работает
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Roman
<Form.Field>
                           <label>Email</label>
                           <Input
                               type='email'
                               autoComplete="email"
                               placeholder="Email"
                               name="email"
                               ref={register}
                           />
                       </Form.Field>
И если так сделать тоже не работает
Ну видимо прийдется юзать Controller 🤷‍♂️
источник

ОП

Олег Попович... in React — русскоговорящее сообщество
Всем привет, vs code очень плохо форматирует jsx, все едет при вставке посоветуйте норм форматер или как насторить prettier formater?
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Roman
<Form.Field>
                           <label>Email</label>
                           <Input
                               type='email'
                               autoComplete="email"
                               placeholder="Email"
                               name="email"
                               ref={register}
                           />
                       </Form.Field>
И если так сделать тоже не работает
https://codesandbox.io/embed/semantic-ui-react-form-hooks-vnyjh

Или вот так ручками регать )
источник

KS

Kirill Saltykov in React — русскоговорящее сообщество
Олег Попович
Всем привет, vs code очень плохо форматирует jsx, все едет при вставке посоветуйте норм форматер или как насторить prettier formater?
Плагин prettier для вскод и option+shift+f
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Олег Попович
Всем привет, vs code очень плохо форматирует jsx, все едет при вставке посоветуйте норм форматер или как насторить prettier formater?
Тут нет притиера вовсе
источник

R

Roman in React — русскоговорящее сообщество
Думаю там уже самому валидацию будет легче написать
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Причем эту дичь автор либы предложил🤦‍♂️🤦‍♂️🤦‍♂️
https://github.com/react-hook-form/react-hook-form/issues/85#issuecomment-502341193
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Roman
Думаю там уже самому валидацию будет легче написать
Можно Controller заюзать но тогда весь профит по перфомансу пропадает😅
источник

R

Roman in React — русскоговорящее сообщество
<Form.Field>
     <label>Last Name</label>
     <input placeholder='Last Name' ref={register} />
   </Form.Field>
источник