недописал) как в дочернем компоненте дождаться пропса, чтобы с ним работать?

подскажите, получаю данные фетчем из апи и записываю в стейт, дальше передаю этот стейт в другой компонент в виде props <Test data={this.state.data}/>, однако, насколько я понял т.к. данные родительский компонент получает с задержкой то при попытке обратиться в компоненте Test к data получаю в консоли props.data is null.

использовать состояние с возможностью подписки на поступление/изменение данных (Redux/Effector и т.д.) или замкнуть в коллбэк фетчера функцию вызов которой спровоцирует рендер родителя (https://ru.reactjs.org/docs/react-component.html#forceupdate) при этом надо быть уверенным что рендер родителя инициирует и рендер чилдрена (этого может не происходить если последний "чистый" PureComponent или мемоизированный функц.компонент и передаваемые в него пропсы не изменятся) PS: данные фетчатся асинхронно, на момент поступления данных надо как-то инициировать новый рендер таким образом чтобы в его контексте оказались поступившие данные - способов много, концепция и принцип один)

1, получаем 100, далее ещё вводим 1, нужно видеть 1100.

а зачем ты форм апдейт привел

@el_anonimo2 Alex Слышали про KISS? https://codepen.io/kulichgg/pen/LYYamzd?editors=0010

@el_anonimo2 Alex Слышали про KISS? https://codepen.io/kulichgg/pen/LYYamzd?editors=0010

Народ подскажите как быть в такой ситуации, у меня есть папка services там несколько js файлов по типу indexServices, mainServices и т.д. т.е. файлы для запросов к апи, я к ним обращаюсь через контекст, получается для каждого нового файла я пишу создаю контекст и об орачиваю весь проект в эти контексты, можно ли как-то объеденить их чтоли? что-бы не оборачивать в каждый новый контекст весь проект

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

Нет , а есть ссылка ?))

возможно, сделал на скорую руку

https://ru.wikipedia.org/wiki/KISS_(%D0%BF%D1%80%D0%B8%D0%BD%D1%86%D0%B8%D0%BF)

условный рендер if (props.data) return

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

Подскажите как сделать, чтобы Drawer из mui закрывался при кликне вне его. Есть один нюанс. Внутри Drawer есть селекты, которые тригерят клик вне Drawer и закрывают его, когда выбирается значение. https://material-ui.com/components/selects/ https://material-ui.com/api/drawer/

@el_anonimo2 Alex Слышали про KISS? https://codepen.io/kulichgg/pen/LYYamzd?editors=0010

https://codesandbox.io/s/material-demo-vui43 Демка

const handleClickAway = (e) => { e.stopPropagnation() setOpen(false); };

const handleClickAway = (e) => { e.stopPropagnation() setOpen(false); };

https://codesandbox.io/s/material-demo-vui43 Демка

const handleClickAway = e => { if (!e.target.classList.contains('MuiMenuItem-root')) { setOpen(false); } }; можно так костыльнуть

const handleClickAway = e => { if (!e.target.classList.contains('MuiMenuItem-root')) { setOpen(false); } }; можно так костыльнуть

Ребят, подскажите плз опен сорс проекты или статьи\видео\UML диаграммы =) откуда можно почерпать хороших практик работы со сложными формами.

Ты хочешь сам писать или использовать какой-то инструмент?

заебок. То это хуйня лочила мне дальнейшую разработку фичи

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

https://codesandbox.io/s/material-demo-xir9p вот тебе решение без костыля

используеься react-apollo-hooks

ребят, вот есть такая форма, которая редактируется, но у нее получается нету кнопок сохранить/ отменить. А только одна кнопка сверху! как такое можно реализовать? написать все в одной функции, что бы вызывать один и тот же метод, который будет проверять флаг true/false и в зависимости будет сохранять или открывать редактирование?

а в документацию не?

а в документацию не?

У тебя эта форма открывается на одном урле или form/edit, form/create?

не, потому что в другом месте подобное работает.

ну справедливости ради, доки у них гавно))

eще лучше, у меня форма открывается внутри модалки

уже нет

хуева конечно, но ты можешь урлы сделать и чекать их и в зависимости от урла менять логику

The `useMutation` result is a tuple with a mutate function in the first position and an object representing the mutation result in the second position.

Ребят, подскажите плиз, есть Роут допустим «/recommendations», если запускать SPA на localhost или деплоить herokuapp и при нажатии на обновление страницы на этом роуте (CMD+R) все ок, а вот сейчас заделоил на купленный хостинг пишет что

ребята у вас есть какие либо конвенции по выставлению id на DOM элементы для e2e тестирования?

далее без подробностей о хостинге вряд ли кто чё подскажет 😉

ребята у вас есть какие либо конвенции по выставлению id на DOM элементы для e2e тестирования?

@el_anonimo2 Alex Слышали про KISS? https://codepen.io/kulichgg/pen/LYYamzd?editors=0010

Хостинг spaceweb ) Ладно, пойду в службу поддержки отпишусь

Интересно, спасибо. Как работает match.replace(/00/g, '') ? Как понимаю, value.replace(/(\d+)/g) возвращает match, в котором нет тех двух нулей /00/, которые ищет второй replace. Тогда зачем искать /00/?

ты о чем? у тебя match и value - судя по тому, что написано - это строки... т.е. операции над двумя разными строковыми объектами

Как работает это регулярное выражение? Первый value.replace(/(\d+)/g возвращает само число. Затем match.replace(/00/g, '') ищет в возвращённом самом числе вещи, которых там заведеомо нет, видимо, поэтому возвращает само чило второй раз. И затем оно * 100.

ребят, подскажите пожалуйста лучший момент, чтобы скопировать один проп (объект) в локальный стэйт компонента?

didUpdate или didMount?

didUpdate или didMount?

Дело точно не в этом, сервер не отдаёт. Локально же и на herokuapp все работает ок