ты сам что из того набора юзаешь?
https://t.me/react_js/768416
artalar
SᑎOᙖOᖇᑎ
Anonymous
Всем здравствуйте. Такая проблема. Я выполняю get-запрос в componentWillMount() и устанавливаю значение state. Но при попытке вывести это state значение в рендер получаю ошибку undefined. При выводе в консоль state.profile все впорядке, получаю объект. https://pastebin.com/6PzKVZdw
Alex
Коллеги, подскажите пожалуйста как реализовать следующее:
есть глобальный helper - api, который как ни странно делает запросы к api
необходимо, чтобы при получеении ответа о том, что авторизация закончилась перекидывать пользователя на роут /login
Yury
Всем здравствуйте. Такая проблема. Я выполняю get-запрос в componentWillMount() и устанавливаю значение state. Но при попытке вывести это state значение в рендер получаю ошибку undefined. При выводе в консоль state.profile все впорядке, получаю объект. https://pastebin.com/6PzKVZdw
profile по дефолту у тебя пустая строка, а ты пытаешься взять метод обьекта this.state.profile.user.username
Vadim
Anonymous
profile по дефолту у тебя пустая строка, а ты пытаешься взять метод обьекта this.state.profile.user.username
При profile: Object в state ошибка та же
Yury
При profile: Object в state ошибка та же
потому что глубже у тебя еще и user внутри тоже обьект
Yury
При profile: Object в state ошибка та же
либо по дефолту state = {profile: {user: {}}}. Но лучше просто не рисовать вьюху пока не дождешься профайла
Anonymous
либо по дефолту state = {profile: {user: {}}}. Но лучше просто не рисовать вьюху пока не дождешься профайла
А как предотвратить отрисовывание?
Anonymous
Первый способ работает, но как-то не лаконично получается
Yury
А как предотвратить отрисовывание?
либо отдельный параметр в стейт типа “isLoaded” либо что-нить из профайла типа id и условная отрисовка {isLoaded && <Profile />}
Anonymous
либо отдельный параметр в стейт типа “isLoaded” либо что-нить из профайла типа id и условная отрисовка {isLoaded && <Profile />}
Спасибо, Юрий. При многом благодарен
Oleg
почему eslint думает, что в файле другой код? пишет, что там синтакс эррор (на импорте), навожу, вижу место с "ошибкой", но тот код я уже поправил. как заставить линт обновить это?
Андрей
Андрей
Anonymous
привет!
ребят, задача следующая: если чел зажал кнопку мыши на элементе А, то mousemove должен происходить на элементе А, даже если юзер уже увёл мышь за его пределы.
я прекрасно понимаю, как это реализовать через постановку евентов на родителе, но мне это кажется грязным.
есть какие-то клёвые способы для этого?
Vlad
Народ такой вопрос
Есть url: http://localhost:3000/?playlist=PLNkfKL9yQLfNlFoX9HL3N7JgIsiZE7WQv
Мне нужно, что-бы компонента реагировала на изменение playlist?
Вот тут:
useEffect(() => {
const params = new URLSearchParams(location.search);
const playlistId = params.get("playlist");
const isPlaylist = params.has("playlist");
console.log(params.has("playlist"));
if (token && isPlaylist) {
// getRecommendations();
console.log("playlist:", playlistId);
}
if (token && !isPlaylist) {
// getRecommendations();
console.log("recomend");
}
}, [token]);
Yury
первое что в голову пришло - кастомный хук, который достает playlist параметр из url и уже вызывать эффект, когда он изменился
Sergeant
<div id="root" > обязательно пустым должен быть?
Vlad
Ага, можно пожалуйста чуть детальнее
Vladimir
<div id="root" > обязательно пустым должен быть?
не обязательно. Можно туда засовывать типа "Loading..." и т.п.
Yury
Ага, можно пожалуйста чуть детальнее
const playlistId = usePlaylistId(); //custom hook
useEffect(() => {
//do something
}, [playlistId]);
Vlad
А у него должно быть внутренние состояние?
Yury
у кого?
Vlad
usePlaylistId()
Yury
usePlaylistId()
это кастомный хук который тебе надо написать: возвращает значение playlist из url
Vlad
Сейчас попробую
petyappetrov
первое что в голову пришло - кастомный хук, который достает playlist параметр из url и уже вызывать эффект, когда он изменился
обычно кастомные хуки создаются для того чтобы их переиспользовать во многих местах, здесь он не нужен
lawledge
Есть тут те, кто работал с Zeplin?
Где там можно экспортнуть все стили текущего листа?
Yury
обычно кастомные хуки создаются для того чтобы их переиспользовать во многих местах, здесь он не нужен
возможно, но почему-то уверен, что ему пригодится и в другом компоненте )
petyappetrov
Народ такой вопрос
Есть url: http://localhost:3000/?playlist=PLNkfKL9yQLfNlFoX9HL3N7JgIsiZE7WQv
Мне нужно, что-бы компонента реагировала на изменение playlist?
Вот тут:
useEffect(() => {
const params = new URLSearchParams(location.search);
const playlistId = params.get("playlist");
const isPlaylist = params.has("playlist");
console.log(params.has("playlist"));
if (token && isPlaylist) {
// getRecommendations();
console.log("playlist:", playlistId);
}
if (token && !isPlaylist) {
// getRecommendations();
console.log("recomend");
}
}, [token]);
выносишь переменные params и playlistId вне useEffect, и следишь за их изменением во втором аргументе в useEffect
Vlad
Спасибо, но оно уже работает, и ссу это изменять
Yury
Спасибо, но оно уже работает, и ссу это изменять
он предлагает тебе сделать то же самое, только не в хуке, а перед useEffect
Vlad
Думаю, мне нужно лучше изучить пользовательские хуки и спасибо большое)
Roman
Roman
могу через функцию, в которой будет switch, но атрибуты будут одни и те же
Vladimir
petyappetrov
Azamat
Привет всем, какой хостинг посоветуете по Европе?
Ivan
Kurzdor
мне иконку еще добавить нужно + мультиязычность нормальная ?
Не слушай его, react-date-picker, проверенный, легкий и тд
Kurzdor
Можно с нуля стилизовать его, ес хочешь
iči
Юрий
Ivan
Ivan
useState работает на так, как работает Component.setState
в setAgent нужно передавать всё, что хочешь видеть в стейте
лучше в таком кейсе использовать useReducer или столько useState’ов, сколько у тебя полей
useState для примитивов
Юрий
лучше в таком кейсе использовать useReducer или столько useState’ов, сколько у тебя полей
useState для примитивов
Много стейнтов не хотелось бы
Denis
Alexey
Был у кого опыт создания форм билдеров ? (Описание форм через js объекты) Может подскажите на какие грабли не наступать.
Ivan
Был у кого опыт создания форм билдеров ? (Описание форм через js объекты) Может подскажите на какие грабли не наступать.
1. возьми готовую библиотеку
2. готово
Таймураз
Был у кого опыт создания форм билдеров ? (Описание форм через js объекты) Может подскажите на какие грабли не наступать.
yup не умеет в сериализацию
Мы писали для себя yup-ast модуль, но там под капотом говнецо, если оставим yup- буду переписывать с нуля
Нужно учитывать, что у тебя в дальнейшем будут рефы одного поля к другому, а также валидация будет зависеть от этого
Пока хз, насколько подходит AJV, так как форму нужно рендерить в определенном порядке
Помимо этого, форму часто необходимо рендерить сеткой
Поэтому я бы заложился на то, что у тебя может быть матрица, в целом структура должна основываться на списке, желательно придумать какой-то уникальный идентификатор для каждого элемента в массиве, чтобы при смене элемента реакт нормально подхватил изменения
Andrey
Привет ребята! Может кто уже пробовал styled-components v5? Крепко проседает перфоманс именно при dev сборке, а при prod все ок. Есть идеи?
Denis
Привет ребята! Может кто уже пробовал styled-components v5? Крепко проседает перфоманс именно при dev сборке, а при prod все ок. Есть идеи?
что значит проседает перфоманс? буквы долго красятся?
Daniil
Привет. Такой вопрос по nextjs и динамическим роутам. Допустим у меня есть pages/user/[username].tsx, отвечает за путь /user/boby, например. Допустим я хочу редиректить на [username].tsx, если ввели путь /user просто. Как это сделать правильно?
Ryner Reinhardt
Привет, есть способ заставить noImplicitAny работать с cra?
Andrey
что значит проседает перфоманс? буквы долго красятся?
Почти, компоненты отрисовываются с огромной задержкой
SᑎOᙖOᖇᑎ
switch (month) {
case 'Jan':
case 'Mar':
case 'May':
case 'July':
case 'Aug':
case 'Oct':
case 'Dec':
return 31
break;
case 'Apr':
case 'June':
case 'Sept':
case 'Nov':
return 30
break;
case 'Feb':
return 28
break;
}
как можна переписать более компактно?
Looch
Anonymous
SᑎOᙖOᖇᑎ
февраль?
Bohdan
Не сломается, но будет обидно некоторым
Daniil
то шо их месяц будет undefined?)
SᑎOᙖOᖇᑎ
проверку на год еще сделаю
Kateryna
возьми объект Date
Viacheslav
Кто нибудь сталкивался с тем что вебпак сплитит не все страницы сделанные с помощью @loadable/components?
У меня есть 5 страниц, а он делает только Home.234lwdkj2.chunk.js и NotFound.kjdhgk234.chunk.js
Весь остальной код загоняет в другие чанки типа vendor. и client.
Страницы сделаны одинаково
Sparrow
И педали приделай к велосипеду