как родитель получает массив, в котором хранятся данные полей?

он и должен в нем храниться, потому что стейт и будет в родителе, на две формы ввода

как родитель получает массив, в котором хранятся данные полей?

ну это предварительные соображения, но не в форме. допустим по событию родитель получает строку от дочернего компонента и рендерит его или оба.

как родитель получает массив, в котором хранятся данные полей?

чтоб не быть голословным https://reactjs.org/tutorial/tutorial.html#lifting-state-up копия стейта там хранится в массиве и в каждом элементе есть стейт тоже и контролируются через родителя

как родитель получает массив, в котором хранятся данные полей?

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

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

да, всё именно так.

да, всё именно так.

форма без стейта > родитель на два поля, хранит стейт > два поля, содержат обработчик событий, передают стейт выше я просто даже не знаю еще какое событие вызывает инпут, точнее как такой элемент дает ответ. у меня таким событием был клик или просто движение мыши, какой обработчки событий там?

да, всё именно так.

форма должна редактироваться по всем полям, так? ну допустим взяли вернулись пок акой-то причине

да, всё именно так.

теоретически если форма конечна можно хранить стейт и в ней, только не обновлять его так часто, я не уверен, что инпут не будет теряться

форма без стейта > родитель на два поля, хранит стейт > два поля, содержат обработчик событий, передают стейт выше я просто даже не знаю еще какое событие вызывает инпут, точнее как такой элемент дает ответ. у меня таким событием был клик или просто движение мыши, какой обработчки событий там?

событие пусть onChange, пусть хранится попарно стейт для каждой пары. 1)как же мы всё таки создаём эти пары, если их начальное количество и содержание не известно но заранее задано где-то? 2) как мы потом собираем все значения обратно? Кнопка "собрать все значения у элементов"?

Реакт просит поля ввода форм делать двухсторонним байндингом со стейтом, чтобы они отображали состояние стейта. Я делаю, и мне всё нравится. Но вот то, что я не знаю, сколько именно их будет, всё портит.

Можешь сделать через form.elements

событие пусть onChange, пусть хранится попарно стейт для каждой пары. 1)как же мы всё таки создаём эти пары, если их начальное количество и содержание не известно но заранее задано где-то? 2) как мы потом собираем все значения обратно? Кнопка "собрать все значения у элементов"?

ну а как они вообще создаются, что это контролирует? что используется для сабмита формы?

ну а как они вообще создаются, что это контролирует? что используется для сабмита формы?

приходит массив пропсами . Сабмичу submit(this.state.arrayOfKVPairs) )

приходит массив пропсами . Сабмичу submit(this.state.arrayOfKVPairs) )

ну и его отрендерить проблема?

ну и его отрендерить проблема?

нет, не проблема, мы его рендерим. А потом его изменяем, и еще раз рендерим. И еще раз, и еще)

Доброе утро. Кто как редиректит в nextjs?)

приходит массив пропсами . Сабмичу submit(this.state.arrayOfKVPairs) )

учти что я тупой я кое-чего могут не понимать =) просто у меня были проблемы со стейтом родителей, оно у меня болталось в конце цепи а мне как раз нужно было сделать его стейтом всей формы. пока я въехал про поднятие стейта вверх.

нет, не проблема, мы его рендерим. А потом его изменяем, и еще раз рендерим. И еще раз, и еще)

ну из функции можно же организовать доступ к каким-то глобальным массивам

нет, не проблема, мы его рендерим. А потом его изменяем, и еще раз рендерим. И еще раз, и еще)

я просто пока не попоробую на примере ничему не верю =) все эти скоупы меня честно говоря смущают

нет, не проблема, мы его рендерим. А потом его изменяем, и еще раз рендерим. И еще раз, и еще)

как вариант https://goshakkk.name/controlled-vs-uncontrolled-inputs-react/

Доброе утро. Кто как редиректит в nextjs?)

withRouter.push

withRouter.push

не работает

нет, не проблема, мы его рендерим. А потом его изменяем, и еще раз рендерим. И еще раз, и еще)

если будет время я сделаю небольшой пример. щас башка не варит совсем. просто так ненаглядно пока что. и подумаю как можно сохранить данные...

не работает

У меня работает. Могу через час-полтора скинуть пример

У меня работает. Могу через час-полтора скинуть пример

скинь, буду благодарен

у меня работает только в cdm

нет, не проблема, мы его рендерим. А потом его изменяем, и еще раз рендерим. И еще раз, и еще)

а как ты тот массив собирался в стейт формы засовывать? или брать из него, если размер формы заранее неизвестен? или чисто делать заранее достаточно большой массив?

нет, не проблема, мы его рендерим. А потом его изменяем, и еще раз рендерим. И еще раз, и еще)

Where should the state go? When working with more sophisticated forms, it can be the case that the form is shown one part at a time, like a multi-step wizard. For cases like this, it's important to keep in mind that each individual step should only display the views, but not store the data. The data should be stored in a common parent of these steps — because that's where it belongs, and that's where it will be used for submission. My blog post on collecting data from a wizard form demonstrates the idea: https://goshakkk.name/wizard-form-collect-info/

подскажите где почитать про sass паттерн 7-1, чтоб по подробней и с примерами

немного не то, но у них целая книжка по формам есть, если вдруг купишь, поделись, вот глава оттуда

Опытные фронтендеры скиньте пожалуйста - статьи по проектированию фронтенда, которму вы придерживаетесь.

Отмотай наверх, вчера обсуждали

Отмотай наверх, вчера обсуждали

спасибо. Пошел искать

Привееет Интересно, в ридаксе есть массив из 1м элкментов, при замене одногл элемента получается я создаю новый массив и система виснет?))

Всем привет. Ребят, подскажите, пожалуйста, Что по вашему более грамотно, писать меньше кода и переиспользовать уже написанные саги, но делать лишние(один action меняет два и более объекта в state) мутации state, либо же больше писать повторяющегося кода и state будет более чистым.

Привееет Интересно, в ридаксе есть массив из 1м элкментов, при замене одногл элемента получается я создаю новый массив и система виснет?))

Используй другие структуры данных.

Всем привет. Ребят, подскажите, пожалуйста, Что по вашему более грамотно, писать меньше кода и переиспользовать уже написанные саги, но делать лишние(один action меняет два и более объекта в state) мутации state, либо же больше писать повторяющегося кода и state будет более чистым.

саги рак

Всем привет. Ребят, подскажите, пожалуйста, Что по вашему более грамотно, писать меньше кода и переиспользовать уже написанные саги, но делать лишние(один action меняет два и более объекта в state) мутации state, либо же больше писать повторяющегося кода и state будет более чистым.

Говни санки и заебись

Повторяйся, лишь бы читалось

Повторяйся, лишь бы читалось

спасиб

Привет! Кто-нибудь использует TypeScript при написании React+Redux? Можете показать код? Не могу пока разобраться как использовать connect как декоратор.

Привет! Кто-нибудь использует TypeScript при написании React+Redux? Можете показать код? Не могу пока разобраться как использовать connect как декоратор.

@ts_ru

Всем привет!) кто поможет с менторством? Пишите в лс. Спс

@ts_ru

там никто реакт не юзает

там никто реакт не юзает

неправда

неправда

тема как бы намекает что там не реакт, а тайпскрипт(

тема как бы намекает что там не реакт, а тайпскрипт(

В чём связь работы декораторов и реакта? Сеня правильно послал.

тема как бы намекает что там не реакт, а тайпскрипт(

а здесь не тайпскрипт, а реакт

а здесь не тайпскрипт, а реакт

так я и прошу код под реакт...

так я и прошу код под реакт...

Юю

Всем привет. Подскажите, нормально ли на один и тот же экшен реагировать в двух разных редьюсерах или лучше сделать два разных экшена и по порядку диспатчить?

нормально

яндекс мап на реакт кто юзает?

как добавить эевент типа onChange?

как добавить эевент типа onChange?

через адд листенер

есть пример кода?

плиз

ERROR: S client not available

через адд листенер

,

ребята, подскажите пожалуйста, как в реакте обработать Touch-события без сторонних библиотек. В реактовском ивенте onTouchMove нет координат типа clientX. Мне нужно определить направление свайпа, но я не могу получить координаты

https://stackoverflow.com/questions/36180414/reactjs-add-custom-event-listener-to-component?answertab=active#tab-top ?наподобие такого, ток onChange должно по идеи сработать.

не срабатывает(

привет всем, тут есть кто пишет тесты?

привет все стлкнулся вот с эти что мне делать ?? Warning: Encountered two children with the same key, 1. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted — the behavior is unsupported and could change in a future version.

привет всем, тут есть кто пишет тесты?

смотря какие

senamasiv(val,id,sena) { let obj = { id: String(id), value: val }; console.log(obj) setTimeout(()=>this.funcarr(obj),5000) } funcarr(obj){ if (this.state.array.length>0){ for (let item =0; item < 2; item++) { if (this.state.array[item].id === obj.id ) { console.log(12) this.state.array.splice(item, 1); this.setState({ array: [...this.state.array,obj] }) } else { this.setState({ array: [...this.state.array,obj] }) } } }else { this.setState({ array: [...this.state.array,obj] }) } }

и у меня получаеться бесконечный цыкл )

фуннкция senamasiv вызываеться не сколько раз

все зависит от количество товара в корзине

ты рендеришь obj?

Хай! Нужна либа с sortable drug and drop функционалом между списками с поддержкой react 15.5.4. Кто небудь юзал что то подобное?

Beautiful-dnd на старом реакте работает некоректно

вот рендар

{ this.state.array.sort(function (a, b) { if (a.id > b.id) { return 1; } if (a.id < b.id) { return -1; } // a должно быть равным b return 0; }).map((number) => <ListKorzin key={number.id} number={number} senamasiv={this.senamasiv} del={this.deletenumber}/> )}

Beautiful-dnd на старом реакте работает некоректно

Скачай версию пакета, времён реакта 15.5.4

Уже, но даже все равно работает некоректно

Скачай версию пакета, времён реакта 15.5.4

senamasiv(val,id,sena) { let obj = { id: String(id), value: val }; console.log(obj) setTimeout(()=>this.funcarr(obj),5000) } funcarr(obj){ if (this.state.array.length>0){ for (let item =0; item < 2; item++) { if (this.state.array[item].id === obj.id ) { console.log(12) this.state.array.splice(item, 1); this.setState({ array: [...this.state.array,obj] }) } else { this.setState({ array: [...this.state.array,obj] }) } } }else { this.setState({ array: [...this.state.array,obj] }) } }

Когда же вы научитесь кидать код хотя бы на codepen)))

Здравствуйте

Когда же вы научитесь кидать код хотя бы на codepen)))

https://dpaste.de

Ребята, помогите в чем проблема

версия не та?

Скрин каст смотрел по вебпаку?

Скрин каст смотрел по вебпаку?

нет