Alexey
Слишком много ошибок
можете пожалуйста подсказать?
Тимофей 🛴
можете пожалуйста подсказать?
Убери return в fetch then, оставь там только setState, а Invoices перенеси в render. Делай это смотря в документацию
Тимофей 🛴
всё,понял,спасибо
https://reactjs.org/docs/state-and-lifecycle.html Вот тут есть примеры
Alexey
https://reactjs.org/docs/state-and-lifecycle.html Вот тут есть примеры
спасибо большое,всё получилось,а почему такой код не срабатывает?
Alexey
В консоли написано, почему
нужно было в фрагмент обернуть)
Alexey
Yurchik
У кого есть "react pro" adam freeman на русском?
PH_cheerokee
всем привет useEffect(() => { if(img.length > 0) { img.forEach((value, i) => { setFiles({ ...files, [`${i}`]: value.url, }); }); console.log(666); } console.log(img); console.log(files); props.valueChange(files); }, [img,files]); я вижу,что img приходят но почему-то props.valueChange происходит раньше,чем успевает обновиться стейт в проверке как можно исправить? почему files показывает пустой объект,если он должен был перезаписаться?
Sergey
Создать локальный files в цикле и его засунуть в setstate и valuechange
Vlad
Гайс где тут ошибка? action: export const deleteVideo = playlistId => { return async (dispatch, getState) => { const { videos, selectedVideos } = getState().youtube; console.table(videos); console.table(selectedVideos); const videoIds = videos .filter(video => selectedVideos.includes(video.id)) .map(video => video.itemId); console.log(playlistId, videoIds); try { await endorApi.youtube.deleteVideo(playlistId, videoIds); dispatch(cleanSelected()); dispatch(getPlaylistVideos(playlistId)); } catch (err) { dispatch(setError("Cannot delete video!")); } }; }; Тест: it("delete video", () => { const id = "a3ey8sjkd"; const store = mockStore({ youtube: { videos: [ { id: "c12ws", itemId: "itmIdsqdw" } ], selectedVideos: ["asa", "c12ws"] } }); const expectedActions = []; endorApi.youtube.deleteVideo.mockReturnValue({}); return store.dispatch(youtubeActions.deleteVideo(id)).then(() => { console.log(store.getActions()); expect(store.getActions()).toEqual(expectedActions); }); });
Vlad
Ну это он и есть😅
Vlad
Vlad
Данне дожны же быть куазаны для функции запроса?
Alexey
РЕбята,Как мне повесить на кнопку переход на другую страницу /Form?
Alexey
Volodymyr
РЕбята,Как мне повесить на кнопку переход на другую страницу /Form?
В react-router-dom есть компонент Link - его используй
Volodymyr
А вообще посмотри официальную документацию - там много простых примеров: https://reacttraining.com/react-router/web/guides/quick-start
Ivan
спасибо большое)
А в следующий раз начинай с документации. В жизни этот подход пригодится.
GrafMine
ребят кто-то работал со stripe?
GrafMine
окей) интересует есть ли подход получения токена без испльзования форм из самой любы страйп, если же нет) то как вы кастомайзили эти формы в реакт енвайроменте
Nikita
Ребята, пишу приложение в функциональном стиле. Это нормально что у меня может быть очень много useEffect?
Sergey
Нормально
Nata
меня ночью css побеждает. Див с маржином выводится только при наличии пропса, {badges && (<BadgeBlock> Нет badges = нет бейджей. Бейджей действительно нет, но маржин от BadgeBlock есть. На стайледах. Как так? 😄
Nikita
изменение useState. Грубо говоря есть контейнер он колбеками в компоненты передает колбеки. Допустим если какой-то этап пройден, если анимация чего-то закончена. Затем в главном контейнере смотрю что меняеться меняю нужные переменные
Nikita
иногда из пропсов иногда из стейта
Nikita
есть стейт уровней и в юсэфектах смотрю за изменением, активирую анимации изменением стейта и передаю в внутренние компоненты для запуска этих анимаций
Valentin
Не подскажите, где можно почитать интересное мнение про lerna и какие варианты зависимостей использовать в локальных пакетах? Как линковать их и тп. Спасибо
Nikolai
иногда из пропсов иногда из стейта
Во втором случае стоит подумать об использовании useReducer, чтобы убрать эффекты из кода. Вместо множества useState
Nikita
это приложение по типу игры
Nata
это приложение по типу игры
Согласна с Николаем про useReducer или полноценный стейт менеджер может?
Nikita
насчет стейтменеджера да, но я не понимаю зачем выносить логику компонента в него
Nikita
я там храню более общее для всего приложения
Nata
насчет стейтменеджера да, но я не понимаю зачем выносить логику компонента в него
Пока удобно - нет смысла. Стейт менеджер, это когда задолбался без него.
Андрей
Правильно ли я использую библиотеку для стилизации styled-components? Все элементы слайда стилизованные компоненты. Или можно было Создать стилизованный компонент обёртки и от него стилизовать вложенные?
Андрей
Не видел в интернете нормального примера стилизации через стилизованный компонент. Все простые кнопки и всё.
NCR
onValueChange={vals => onChange(vals.floatValue)} Что можно придумать, чтобы не вызывать бесконечный рендер? (onChange содержит setstate разумеется)
Андрей
onValueChange={vals => onChange(vals.floatValue)} Что можно придумать, чтобы не вызывать бесконечный рендер? (onChange содержит setstate разумеется)
Эта строчка кода в описанных тобой условиях не вызывает бесконечный ререндер. Или ты говоришь не всё, или ошибка в другом месте.
NCR
name, value ждёт, а я один лишь value
NCR
Как это, конечно, вызвало бесконечный цикл - загадка
Андрей
Как это, конечно, вызвало бесконечный цикл - загадка
Ошибка в рендере вызывает ререндер всего дерева. Вот тебе и цикл.
NCR
о_О не знал, вот что значить устраиваться без реакта в голове туда, где он есть в стеке 🤕
NCR
или уверить При устройстве хр уверял что в стеке никаких реактов - бац, реакт и семантик Скам, развод, девичья фамилия (хотя нет, уже вжился более-менее)
Maxim
@Atassis Слушай такое предложение, вы не хотите создать новый чат? Как с pro js? Отсеялись не активные да и вопросов по хелоу ворлд тоже, стало приятней читать чат
Артем
@Atassis Слушай такое предложение, вы не хотите создать новый чат? Как с pro js? Отсеялись не активные да и вопросов по хелоу ворлд тоже, стало приятней читать чат
это бесполезно, туда будут так же лезть все с мыслью - блин, там же самые типа крутые, уж им то на мой вопрос ответить будет вааще как нефиг делать =)
Ruslan
5 коммитов в репозиторий реакта
Ну или так - 5 принятых PR
Ruslan
В Fiber
Dmitriy
В Fiber
Зачем нужен чат из 0 человек
Андрей
Dmitriy
Нет, не будут, а если будут ?
Тогда смысла нет выносить в компоненты. Только рантайм напрягать и дев тулзы засорять.
Андрей
Тогда смысла нет выносить в компоненты. Только рантайм напрягать и дев тулзы засорять.
Значит то что не переиспользуется то стилизовать scss, а что переиспользуется то styled-components делать?
Igor
Использовал React.lazy, по загружаемым чанкам 11КБ весит, при билде цифры какие-то непонятные, как это вообще работает?
Dmitriy
Значит то что не переиспользуется то стилизовать scss, а что переиспользуется то styled-components делать?
Зачем scss. Просто в твоём случае один компонент слайд, и стилизованы вложенные теги. Им можно клас прописать простой или по тегу, считай что компонент сиайледов это как скоуп css модулей
Farid
react-table, как запретить resize некоторым столбцам
Igor
Gzip
т.е -465B за счет lazy я сэкономил? Для тестов небольшие файлы использовал
Dima Zolotilov
Привет тут вакансии можно публиковать?
Андрей
Dima Zolotilov