Vladimir
мы либу для этого юзали
Павел
мы либу для этого юзали
Либа для модалок или для ограничения таб?
Vladimir
для модалок
Павел
К сожалению не подходит такой ыариант
Vladimir
ну как мне кажется, в итоге вы реализуете тоже самое что и либа, только в отличии от либы вы сами будите поддерживать этот код
Vladimir
на крайней случай, вы моглибы покапаться в либе и посмотреть как они реализуют это у себя
Павел
Да, вариант, подскажите что за либа плиз
Vladimir
react-modal
$$$$$$$
всем привет , есть такая ситуация , приходят данные формы с бэка. Есть одна проблема , где и как хранить пустой объект данных форм (это для добавление элемента формы, а то у меня линкуются сейчас значения , юзаю либу clone(obj)- типо для глубокового копирования, хотя по факту, она все равно линкует)
$$$$$$$
кто-то может сталкивался с подобной задачей ? Интеренсо было бы послушать
Vladimir
Я скорее всего тупой, но мне после "приходят данные с бэка", ничего не понятно
$$$$$$$
Ну приходят данные формы, type,value , name, label - я соибраю форму )
Vladimir
1. Вам приходят какие то данные с бэкенда. 2. Вам нужно отобразить эти данные на своей форме. 3. Почему вы не можете просто проинециализировать форму с этими данными?
$$$$$$$
вопрос был о другом
$$$$$$$
при клике я добавляю еще один элемент формы , я же писал где лучше хранить object , с empty значениями . Проблему описал выше , у меня линкуются значения в копию
Vasiliy
подскажите как можно: <Buttons props={props}/> Как можно сделать, чтобы не писать props.props?
Vladimir
{...props}
Vladimir
Вы понимаете что это делает props={props}?
Vasiliy
Вы понимаете что это делает props={props}?
да, передаются пропсы в компонент
Vladimir
Вы в объекте пропс создаете еще одно поле props в которое кладете пропсы
Ilia
подскажите как можно: <Buttons props={props}/> Как можно сделать, чтобы не писать props.props?
Лучше всего сразу докой кидаться, чтобы вопросов не осталось) https://reactjs.org/docs/jsx-in-depth.html#spread-attributes
Vladimir
ну докой то каждый может)) Я предпочитаю когда на мои вопросы люди отвечают, мне так проще понять)
Александр
Vladimir
А людям больше делать нефига как документацию за вас читать
Вас никто не заставляет вообще отвечать на какие-либо вопросы
Александр
Вас никто не заставляет вообще отвечать на какие-либо вопросы
Дело не в том что заставляют, дело в неуважении к сообществу, когда задаются вопросы которые элементарно проясняются из доки
Vasiliy
Вы в объекте пропс создаете еще одно поле props в которое кладете пропсы
да, мне нужно прокинуть пропсы глубже, но потом получается porps.psops.props.title
Vladimir
Люди разные, кому то просто сложно понять доку, вот они хотят получить вопрос от человека
Vasiliy
я читаю, доку параллельно задаю вопрос
Vladimir
да, мне нужно прокинуть пропсы глубже, но потом получается porps.psops.props.title
Вам не нужно в каждом компоненте создавать поле прос, она за вас создасться, вы должны просто прокидывать как {...props}
Александр
Люди разные, кому то просто сложно понять доку, вот они хотят получить вопрос от человека
Это нормально, когда в доке что-то не ясно, спросить как раз в таком случае хороший вариант, другой вопрос в том, что зачастую люди ее вообще не открывали
Александр
Эх, ты от апач сервисов и джавы не видел доку - их лучше не открывать вообще)))
Речь о доке реакта, она простая как палка, и на разных языках даже
Vasiliy
Вам не нужно в каждом компоненте создавать поле прос, она за вас создасться, вы должны просто прокидывать как {...props}
понял, сделаk, всё получилось)))) это типа "прокинуть" пропсы дальше, получается, это не реакт даже, а ES6) спасибо!
Vlad
Привет. Хотел ваще экспертное мнение. Делали приложение react/redux взаимодействующее со старым кодом на jquery через прослойку. при нажатии на кнопку появлялась модалка реакт, загружались данные со старого кода - изменялись в реакте - ложились в старый код при закрытии. Запрос сохранения на сервер посылается уже с нового кода react. Там вот я сделал обьекты для всех этих данных(пишу на php, так что ООП более близко мне): коллекция examples содержит -> exampleWords -> каждое слово может содержать(а может и нет) ссылку на -> word(слово сохранееное как отдельная сущность) Так вот при открытии модалки я превращал данные из старого кода в эту ExamplesCollection. Ложил эту коллекцию в redux. И при каком либо действии над екзамплом я вызывал метод коллекции, которая сама себя редюсила(иммутабельно) https://gist.github.com/locsob/086c20dba7bcebbd655ce9c8b1d473a1 Вместо того, чтобы редюсить её в редюсере, использую внешние методы обьекта ExampleCollection. Знаю, что redux рекомендует плоские структуры, но мне было очень удобно манипулировать этой структурой. Просадок по производительности не почуствовал. До этого выносил функции редюса для стейта redux. Это очень плохое решение? что посоветуете?
Anonymous
Всем привет. Кто-то в курсе как сделать, чтобы при переходе на стартовую страницу или при обновлении все данные обнулялсь, и возвращалось в состояние как при первом открытии?
Anonymous
в чем проблема?
при переходе на главную в форме остается висеть запрос, который был введен на прошлом этапе
Aleksandr
что ты называешь запросом?
Anonymous
текст в инпуте
Sergei
текст в инпуте
Так ты делай сет стейт на пустую строку при переходе к примеру
Aleksandr
текст в инпуте
текст лежит в redux/mobx?
Vlad
Привет. Хотел ваще экспертное мнение. Делали приложение react/redux взаимодействующее со старым кодом на jquery через прослойку. при нажатии на кнопку появлялась модалка реакт, загружались данные со старого кода - изменялись в реакте - ложились в старый код при закрытии. Запрос сохранения на сервер посылается уже с нового кода react. Там вот я сделал обьекты для всех этих данных(пишу на php, так что ООП более близко мне): коллекция examples содержит -> exampleWords -> каждое слово может содержать(а может и нет) ссылку на -> word(слово сохранееное как отдельная сущность) Так вот при открытии модалки я превращал данные из старого кода в эту ExamplesCollection. Ложил эту коллекцию в redux. И при каком либо действии над екзамплом я вызывал метод коллекции, которая сама себя редюсила(иммутабельно) https://gist.github.com/locsob/086c20dba7bcebbd655ce9c8b1d473a1 Вместо того, чтобы редюсить её в редюсере, использую внешние методы обьекта ExampleCollection. Знаю, что redux рекомендует плоские структуры, но мне было очень удобно манипулировать этой структурой. Просадок по производительности не почуствовал. До этого выносил функции редюса для стейта redux. Это очень плохое решение? что посоветуете?
Ответте и мне =)
Aleksandr
или ты все хранишь где-то в корневом компоненте?
Anonymous
В какой версии реакта добавили профайлер?
Aleksandr
Ответте и мне =)
слишком много текста, я не готов к такому
Anonymous
текст лежит в redux/mobx?
нет, без редакс, там аполло..
Ilya
В какой версии реакта добавили профайлер?
Вы возможно имеете в виду React Dev Tools для хрома?
Anonymous
ввел запрос, получил данные, потом возвращаюсь на главную, а текст висит
Anonymous
Вы возможно имеете в виду React Dev Tools для хрома?
Неа, я имею ввиду Профайлер. https://ru.reactjs.org/docs/profiler.html
Aleksandr
покажи нетворк
Anonymous
На 16.8 у меня его нет
Aleksandr
а если найду
Anonymous
Видать обновляться сейчас буду
Anonymous
Блин, задержка долгая
Anonymous
А, ну да, он с 16.9
Иван
Кто нибудь пытался менять тему гугл капчи без перезагрузки страницы? использую react-google-recaptcha
Ilya
Неа, я имею ввиду Профайлер. https://ru.reactjs.org/docs/profiler.html
https://ru.reactjs.org/blog/2019/08/08/react-v16.9.0.html Ну в релизноутах 16.9.0 впервые упоминается по ходу
Anonymous
:) document.location.reload(true);
я его прописал в рендере в роуте, но он обновляется вечно))
Anonymous
коллега это была шутка :)
шутка шуткой, а для меня новая инфа))
Anonymous
https://ru.reactjs.org/blog/2019/08/08/react-v16.9.0.html Ну в релизноутах 16.9.0 впервые упоминается по ходу
Ага, я просто не нашел способа найти необходимый компонент в профайлере который в тулзах(ибо у меня их слишком много, а вменяемого поиска там нет), поэтому захотелось повесить профайлер на нужный компонент уже вручную и протестить
Ilya
А вот то что их "очень много" это конечно может быть эффект восприятия, но если действительно слишком много то стоит задуматься о композиции
Anonymous
«очень много» на самом деле не так уж и много, но точно не могу сказать, что их мало
Ilya
шутка шуткой, а для меня новая инфа))
Если вы работаете в стеке с React-router то и переходите как положено history.push то там у вас есть возможность установить параметры (см. set state в доке по реакт-роутеру) помещайте в таком случае спец флаг, а на рендер главной страницы соответствующим образом реагируете на него уже постфактум перехода, н/п чтобы избежать доп проверок помещайте туда подстроку поиска и просто сравнивайте то что имеете с тем что извлекли из history.state, ну и очищайте поле Хотя все выше описанное это "цирковые ходули" судя по тому что такая ситуация имеет место быть то у вас или избыточное хранение состояний, или привязок к данным или стратегия работы с с состоянием некорректная, ну или как минимум не оптимальна