но если ставлю team, то начинается жесть. Он не прекращает обновлять стейт
id еще добавь мб
Yury
Yury
+
Eugene
match добавь)
Anton
попробовал оотслеживать match.params.id и просто match - ничего не изменилось. Еще попробовал team._id - выдает ошибку, что не может определить _id от null.
Yury
та блин, как у тебя там вообще team появляется?
Yury
у тебя еще не пришел новый team.name, а ты уже подствил старый
Anton
у тебя еще не пришел новый team.name, а ты уже подствил старый
Механика такая - getTeamById - функция в useEffect, которая делает запрос к серверу, передавая id. После ответа getTeamById переключает редюсер и передает в него team - ответ от сервера (нужный отдел). В стейте устанавливается этот team.
Соответственно, сейчас если я первый раз зашел в отдел, то все будет пусто. А если уже побывал в каком-то отделе, то он при заходе на страницу нового отдела, ставит данные от старого.
Aleksey
ребята вопрос) в функцию коннект можно деструктуризацией передавать mapDispatchToprops, можно ли так же mapStateToProps(ей что то не выходит)
Anonymous
Киньте ссилку на игры в телеграме пж
Yury
Механика такая - getTeamById - функция в useEffect, которая делает запрос к серверу, передавая id. После ответа getTeamById переключает редюсер и передает в него team - ответ от сервера (нужный отдел). В стейте устанавливается этот team.
Соответственно, сейчас если я первый раз зашел в отдел, то все будет пусто. А если уже побывал в каком-то отделе, то он при заходе на страницу нового отдела, ставит данные от старого.
поставь console.log(team.name) в компоненте, у тебя не приходит новый в него
Anton
поставь console.log(team.name) в компоненте, у тебя не приходит новый в него
Anton
то есть он 3 раза проверяет team.name и useEffect берет только первый вариант, а не последний
Yury
эмм, а скинь весь файл компонента
Alexandr
Есть приложение с .env файлом в котором указан путь к api. При локальной сборке подхватывает правильно, при билде отправляет вместо этого адреса на свой. В чем может быть проблема?
Например
localhost:
api.com/data
build.com:
build.com/data
Aleksey
вот такая шляпа не работает на mapStateToprops
Aleksey
Aleksey
которая работает на dispatch
Aleksey
то ли я что то не так делаю) то ли не должна работать
Китикет
mapStateToProps всегда функция
Китикет
И как коннект должен понять что брать из state
Китикет
И вообще обьект чего ты туда собрался передавать
Eugene
🤔а что не так
Eugene
нужен код mstp
Eugene
а, mdtp норм
Китикет
Но не понятно какие там должны быть значения тогда) Селекторы разве что?
Aleksey
похоже я оплошал) подумал что так же можно по аналогии с mdtp)
Alexander
Eugene
Судя по ошибке - где то импорт/экспорт сломался
Alexander
Причем это ошибка только в ie
Alexander
return (
<Popup
type="content"
content={() => <FilterForm filterSettings={filter} onSubmit={submit} onReset={reset} />}
>
{children}
</Popup>
);
Popup - обертка над попапом от kendo-ui
Alexander
Просто формик и самописные компоненты формы
倫太郎
удали
倫太郎
gist.github.com для кода
Alexander
Та мне лень
Alexander
Ну ок
倫太郎
или пастебин какойнить
Ilya
Причем это ошибка только в ie
сборка бабелем ?
посмотри пресеты
скорее всего полифилов не довезли - сайд эффекты могут быть очень неочевидные
Alexander
а мне лень глаза ломать
https://gist.github.com/zaykaalexander/bb9cf02d16fde01375e879545d664f9e
Alexander
сборка бабелем ?
посмотри пресеты
скорее всего полифилов не довезли - сайд эффекты могут быть очень неочевидные
Я тоже на это думаю. Но поведение очень странное
Alexander
сборка бабелем ?
посмотри пресеты
скорее всего полифилов не довезли - сайд эффекты могут быть очень неочевидные
https://gist.github.com/zaykaalexander/1952ad24230fd12d7e40c55a8d248d29
Alexander
другое дело
Причем если я верну просто <div>Hello</div> то все норм. А в другом месте такая же форма нормально отображается
A
как решаете такой вопрос?
const functionalComponent = () => {
const lastField = useSelector(fields.selectors.getOwnFields);
console.log(lastField) (1) - undefined
console.log(lastField) (2) - {data}
useEffect(() => {
console.log(lastField) - undefined
}, [])
}
Alexandr
Alexander
как решаете такой вопрос?
const functionalComponent = () => {
const lastField = useSelector(fields.selectors.getOwnFields);
console.log(lastField) (1) - undefined
console.log(lastField) (2) - {data}
useEffect(() => {
console.log(lastField) - undefined
}, [])
}
Ну у тебя селектор undefined возвращает
Ilya
Причем если я верну просто <div>Hello</div> то все норм. А в другом месте такая же форма нормально отображается
Это единственное место где ты формик юзаешь
быстрое гугление по ошибке показывает что это все проблемы вокруг импорта/экспорта
вот пример аналогичной ситуации https://github.com/facebook/react/issues/13445
pa[aad
всем спасибо, перенес devDeps у deps и сбилдилось
Alexander
wolfe
+
там есть приоритеты
https://facebook.github.io/create-react-app/docs/adding-custom-environment-variables#what-other-env-files-can-be-used
Alexandr
там есть приоритеты
https://facebook.github.io/create-react-app/docs/adding-custom-environment-variables#what-other-env-files-can-be-used
я разобрался, там не с env тянулся. Спасибо. Про приоритеты, кстати, знал
Ilya
Не единственное
нука попробуй выпилить import { Button, Form } from '~/core/components';
Ilya
и их использование в филдах
Alexander
и их использование в филдах
Не, не помогает. Если я просто верну див в FilterForn, то все работает
Ilya
а если Formik пустой ? без кастомного Form внутри ?
Alexander
Но есть другое место. Без формика, но та же ошибка
A
useSelector не успевает вернуть данные перед выполнением useEffect
Китикет
Шо?
Китикет
Он же синхронный
Ilya
и импорт самого реакта переписать на import React from "react";
Ilya
т.е. на инжект в контекст из дефолтоного экспорта
Alexander
Ничего не поменяло