const Company = ({ id }) => { const companiesContext = useContext(CompaniesContext); const { getCompanyInfoById } = companiesContext; useEffect(() => { getCompanyInfoById(id); }, [id]); const { company } = companiesContext; const [companyData, setCompanyData] = useState({ name: '' }); useEffect(() => { if (company) setCompanyData({ name: company.companyInfo.name }); }, []);

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

const Company = ({ id }) => { const companiesContext = useContext(CompaniesContext); const { getCompanyInfoById } = companiesContext; useEffect(() => { getCompanyInfoById(id); }, [id]); const { company } = companiesContext; const [companyData, setCompanyData] = useState({ name: '' }); useEffect(() => { if (company) setCompanyData({ name: company.companyInfo.name }); }, []);

не получается? А что лежит в company? Сделай консоль лог в эффекте

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

ефект не перед, а после рендера

а почему не работает? Что за ошибка?

`cannot read property name undefined`

`cannot read property name undefined`

поставь имя дефолтное

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

useEffect(() => { if (company) setCompanyData({ name: company.companyInfo.name }); console.log(company); }, [company]); если чисто в консоли выводить, то пашет. А филды мои сэтить не желает

Ребят, а случайно отдельной группы, по тестироваю нет?

const Company = ({ id }) => { const companiesContext = useContext(CompaniesContext); const { getCompanyInfoById } = companiesContext; useEffect(() => { getCompanyInfoById(id); }, [id]); const { company } = companiesContext; const [companyData, setCompanyData] = useState({ name: '' }); useEffect(() => { if (company && company.companyInfo.name) setCompanyData({ name: company.companyInfo.name }); console.log(company); }, [company]);

по реакту, вроде не находилось (есть с жестом на 12 участников 👀, если тестирование связанное с реактом, проще тут спросить)

так работает?

Нет(((

ошибка какая

TypeError: Cannot read property 'name' of undefined

Поделись хоть этой, буду рад))

дебаггер пиши и смотри что пришло в обьекте

к сожалению оциональный чейнинг не завезли, но пока так)

Так, добавил вот это и заработало if (company && company.companyInfo && company.companyInfo.name)

не, тянуть лодаш ради этого точно не стоит

ну да, так и нужно было, можно бабель настроить и через ? смотреть

ну да, так и нужно было, можно бабель настроить и через ? смотреть

лучше дождаться выхода в спеку

Что за фигня, почему не вызывается handleWindowScroll https://pastebin.com/WmMXvPM7 . Компонент рендерится, ифа сотка!

да в тс есть ф-я , g(obj, "", "", "") забыл как называется

да в тс есть ф-я , g(obj, "", "", "") забыл как называется

гугол не дал результатов)

да в тс есть ф-я , g(obj, "", "", "") забыл как называется

o_O есть в тс, но нет в джс?

нужно чекать, я забыл) но либа typesafe-get,

нужно чекать, я забыл) но либа typesafe-get,

а в этом пакете какой-то бред в индексе

а почему он должен работать?

эм, а почему нет?

мы юзаем , норм синтаксис даже

там типы ручками забили просто 5 вариаций параметров дай им ссылку на рекурсивный тайпинг и не будет ограничения на UP TO 5 PARAMETERS

ну пушто ты портал там создаешь, а он скролл страницы блочит, надо обрабатывать скролл контейнера - слушай его скролл

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

тогда попробуй его воткнуть не рядом с рутом, а ниже по дереву portalNode у тебя какой?

а почему здесь не работает?)) что за portalNode

куды ты монтируешь портал свой?

на предсозданную ноду, указанную в index.html const portalNode = document.getElementById("portal"); он все рисует. без проблем

на предсозданную ноду, указанную в index.html const portalNode = document.getElementById("portal"); он все рисует. без проблем

а он в дереве где находится? рядом с рутом?

да, на одном уровне. прим <body> <div id=root /> <div id=portal /> </body>

ну, он и перекрывает скролл рута тем, что поверх встает, вероятнее всего

так я же ивент добавляю к виндоу... рили не понимаю (((

Ребят привет! Есть какой то простой способ, применять анимацию когда компонент размонтируеться или стейт сменился? что без поключения всяких библиотек

css transition