Телеграмм чат группы react_js страница 51601

parrot.ru

Рейтинг популярных групп и каналов

В рейтинге участвует:

групп:

каналов:

Виртуальный сервер на SSD - недорого!

Аренда выделенных и виртуальных серверов (VDS/VPS), хостинг, аренда IP-адресов, администрирование, круглосуточная поддержка

qwarta.ru подробнее

Резервное копирование с проверкой на вирусы!!!

Удобный сервис создания резервных копий на любой сервер сети интернет. Отслеживайте изменения, проверяйте на вирусы. Надежно защитите свой бизнес!

go.backupland.com

Выбираете сервер? Любая конфигурация на заказ!

Аренда физических серверов любых конфигураций под любые запросы - 1С бухгалтерия, игровые сервера, нагруженные проекты, интернет-магазины!

qwarta.ru подробнее

Size: a a a

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

13115 membersпожаловаться на группу

2021 April 01

V

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

Есть вопрос по react-hook-form: у меня есть сложный компонент, похожий на todo приложение (типа такого https://codesandbox.io/s/5i7gu?file=/src/components/App.jsx). Собственно, мне нужно чтобы по сабмиту формы, компонент сабмитил все свои todo айтемы, которые лежат в его стейте. То есть, хочу получить эти айтемы в поле data в submit хэндлере формы. Как такое провернуть?

simple-react-todo-list - CodeSandbox

simple-react-todo-list by pleomorph using react, react-dom, react-scripts

https://react-hook-form.com/api/#useFieldArray

React-Hook-Form

API Documentation

Performant, flexible and extensible forms with easy-to-use validation.

источник

20:06пожаловаться #1

AP

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

Есть вопрос по react-hook-form: у меня есть сложный компонент, похожий на todo приложение (типа такого https://codesandbox.io/s/5i7gu?file=/src/components/App.jsx). Собственно, мне нужно чтобы по сабмиту формы, компонент сабмитил все свои todo айтемы, которые лежат в его стейте. То есть, хочу получить эти айтемы в поле data в submit хэндлере формы. Как такое провернуть?

simple-react-todo-list - CodeSandbox

simple-react-todo-list by pleomorph using react, react-dom, react-scripts

handleSubmit у него есть, который принимает колбэк, в котором будут твои данные, если я равильно тебя понял

источник

20:06пожаловаться #2

D

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

Vetro

https://react-hook-form.com/api/#useFieldArray

React-Hook-Form

API Documentation

Performant, flexible and extensible forms with easy-to-use validation.

Спасибо, смотрю

источник

20:07пожаловаться #3

DP

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

Почему? Этот компонент должен отдавать массив стрингов, все.

Если будет какой то лимит по количеству items, то можно коллбек передавать.

источник

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

D

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

handleSubmit у него есть, который принимает колбэк, в котором будут твои данные, если я равильно тебя понял

Я не понимаю как передать эти айтемы в форму. Для всяких инпутов используется register, для компонентов посложнее - Controller, а для моего приложения - я в принципе не понимаю куда втыкать интеграцию с react hook form

источник

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

AP

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

Я не понимаю как передать эти айтемы в форму. Для всяких инпутов используется register, для компонентов посложнее - Controller, а для моего приложения - я в принципе не понимаю куда втыкать интеграцию с react hook form

через reset можешь передать

источник

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

D

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

Если будет какой то лимит по количеству items, то можно коллбек передавать.

Какой коллбэк? Сорри, я впервые залез в эту тему с формами, немного нуб

источник

20:10пожаловаться #7

D

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

через reset можешь передать

Не понимаю. Мб есть примеры под рукой или по какой фразе гуглить?

источник

20:10пожаловаться #8

AP

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

Не понимаю. Мб есть примеры под рукой или по какой фразе гуглить?

в rhf есть метод reset, через него можешь в форму прокинуть свои значения, в доке глянь

источник

20:11пожаловаться #9

DP

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

Какой коллбэк? Сорри, я впервые залез в эту тему с формами, немного нуб

У тебя компонент App не принимает пропсов, а мог бы принять коллбек, который получил бы в аргументах все items.

источник

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

D

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

Ок, всем спасибо. Тогда смотрю все 3 варианта
- useFieldArray
- reset метод
- коллбэк

источник

20:13пожаловаться #11

D

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

У тебя компонент App не принимает пропсов, а мог бы принять коллбек, который получил бы в аргументах все items.

А в react hook form этот коллбэк как воткнуть?

источник

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

DP

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

А в react hook form этот коллбэк как воткнуть?

Я не знаю, зачем прикручивать доп либы, если честно) там делов на 5 минут

источник

20:14пожаловаться #13

D

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

Я не знаю, зачем прикручивать доп либы, если честно) там делов на 5 минут

Какие доп либы? У меня готовое приложение с rhf, в которое я пытаюсь интегрировать свой todo-like компонент.

источник

20:15пожаловаться #14

В-

Вернер Карл Гейзенбе... in React — русскоговорящее сообщество

Переслано от Вернер Карл Гейзенбе...

Добрый вечер. Делаю одну задачу на стэке electron-react и возникла проблема со шрифтами, мне выдали верстку, в ней sass в котором подключаются сами шрифты, так вот, не могу сбилдить проект, как в sass нормально импортировать локальные шрифты что бы их видел вебпак?

источник

20:35пожаловаться #15

В-

Вернер Карл Гейзенбе... in React — русскоговорящее сообщество

Переслано от Вернер Карл Гейзенбе...

источник

20:35пожаловаться #16

В-

Вернер Карл Гейзенбе... in React — русскоговорящее сообщество

Переслано от Вернер Карл Гейзенбе...

В вебпаке вроде как это прописано, почему может не работать?

источник

20:36пожаловаться #17

В-

Вернер Карл Гейзенбе... in React — русскоговорящее сообщество

Переслано от Вернер Карл Гейзенбе...

image_2021-04-01_21-21-02.png

Что примечательно похожий импорт но изображения работает нормально

источник

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

ei

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

Эх, всего 2 часа осталось дефолтному экспорту быть добром xD

источник

21:27пожаловаться #19

D

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

export default - зло is the side effect

Эх, всего 2 часа осталось дефолтному экспорту быть добром xD

а это было на спор?

источник

21:28пожаловаться #20