а что ты ожижаешь ? кэширование самой функции как сущности или результата ее выполнения ?

Я ожидаю, что функция отработает один раз, а после того, как компонент заререндерится функция второй раз уже не отработает

кто подскажет, как заюзать renderRoutes с React Lazy

Я ожидаю, что функция отработает один раз, а после того, как компонент заререндерится функция второй раз уже не отработает

тогда тебе нужен https://reactjs.org/docs/hooks-reference.html#usememo

тогда тебе нужен https://reactjs.org/docs/hooks-reference.html#usememo

да я пробовал с usememo, то же самое, функция каждый ререндер срабатывала, но я попробовал снова, и теперь вышло..магия твоей помощи)

магия доки скорее 🙂

Еще раз повторюсь, мне нужно их переопределять, мне нужно их добавлять к существующим. И библиотека может быть рандомная

это оч криво

Редакс как мне кажется усложняет Эффекторы/реатом в топку

почему в топку?

ребят, я так понимаю, что это по не правильная работа со стейтом в редуксе ? case "SET_MAIN_LINK_ACTIVE":{ let new_state = {}; Object.assign(new_state, state); ... return new_state; }

ребят, я так понимаю, что это по не правильная работа со стейтом в редуксе ? case "SET_MAIN_LINK_ACTIVE":{ let new_state = {}; Object.assign(new_state, state); ... return new_state; }

Правильная, но корявая

а почм корявая ?

ребят, я так понимаю, что это по не правильная работа со стейтом в редуксе ? case "SET_MAIN_LINK_ACTIVE":{ let new_state = {}; Object.assign(new_state, state); ... return new_state; }

проще так return { …state }

такие рекомендации были в доке редакса года 2 назад, когда не было object spread

а почм корявая ?

Потому что ты создаёшь новый стейт, а потом его мутируешь. Это не очень читаемо и совсем не очевидно.

Подскажите плиз, как лучше хранить сессию с юзером(его профиль и пермишоны)?

Подскажите плиз, как лучше хранить сессию с юзером(его профиль и пермишоны)?

лучше на сервере

Подскажите плиз, как лучше хранить сессию с юзером(его профиль и пермишоны)?

в cookies пусть сервер ставит httpOnly куку

Потому что ты создаёшь новый стейт, а потом его мутируешь. Это не очень читаемо и совсем не очевидно.

Но работает правильно

а внутри одного файла, я могу дать доступ для dispatch() нескольким компонентам ?

Всем привет, кто-нибудь пользуется mobx-state-tree? Как вам по сравнению с Redux?

а внутри одного файла, я могу дать доступ для dispatch() нескольким компонентам ?

или по концепции правильно для каждого компонента отдельный .js файл делать ... ?

всем привет, вопрос по redux-form, по какой причине заполненные поля могу очищатся при клике в другую область? а точнее при blur у поля? у меня в наличии select(react-select) у него берутся данные но при клике в свободную область почему то очищается

В чем может быть проблема, когда через setState я могу добавить новый элемент в объект, но при изменении существующего он вообще никак не изменяется?

Пьюр компонент никаких нет?

Пьюр компонент никаких нет?

Нет, обычный реактовский Component, state, chart.js и пара методов в классе

В чем может быть проблема, когда через setState я могу добавить новый элемент в объект, но при изменении существующего он вообще никак не изменяется?

очевидно, мутируешь, а не заменяешь. подробнее - нужен код.

Сначала счел это за то, что идет гонка за обновление между чистым setState Один метод и второй метод пытаются обновить один и тот же элемент стейта и выигрывает последний Однако сейчас использую функции в стейте, ибо они по логике должны в очередь идти, но эффекта ноль this.setState((state) => ({ data: { ...state.data, labels, datasets: [{ ...state.data.datasets[0], data: [] }] }, chartOptions: { ...state.chartOptions, scales: { ...state.chartOptions.scales, yAxes: [{ ...state.chartOptions.scales.yAxes[0], ticks: { ...state.chartOptions.scales.yAxes[0].ticks, max: 2 } }] } }, currentStep: 0, }), () => { console.log(this.state); });

очевидно, мутируешь, а не заменяешь. подробнее - нужен код.

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

Даже подобная вещь не работает: this.setState((state) => ({}), () => { console.log(this.state); }); То есть по лоигке стейт должен быть пустой, однако он не изменяется

Даже подобная вещь не работает: this.setState((state) => ({}), () => { console.log(this.state); }); То есть по лоигке стейт должен быть пустой, однако он не изменяется

хм... а песочницу можешь организовать?

Даже подобная вещь не работает: this.setState((state) => ({}), () => { console.log(this.state); }); То есть по лоигке стейт должен быть пустой, однако он не изменяется

там мерж идет, а не замена

там мерж идет, а не замена

бля, точно... эти классы.

там мерж идет, а не замена

И так тоже? this.setState({}, () => { console.log(this.state); });

И так тоже? this.setState({}, () => { console.log(this.state); });

ну да. ты должен проп какой-то поменять. по сути это this.state((state) => { ...state })

ребят у меня есть Link и мне нужно сделать с них кнопки. чтобы по нажатию на кнопку происходил редирект. как это сделать?

ребят у меня есть Link и мне нужно сделать с них кнопки. чтобы по нажатию на кнопку происходил редирект. как это сделать?

button onClick={() => history.push()}

И так тоже? this.setState({}, () => { console.log(this.state); });

ага. а изменения состояний лучше в рендерах чекай а не в колбеках, ты тут вроде замыкание создаешь на текущий стейт

button onClick={() => history.push()}

thanks) буду пробовать

ага. а изменения состояний лучше в рендерах чекай а не в колбеках, ты тут вроде замыкание создаешь на текущий стейт

не, в колбеках тоже можно.

button onClick={() => history.push()}

почему то не работает хотя сделал все правильно вроде

почему то не работает хотя сделал все правильно вроде

ну если ты всё правильно сделал - баг в реакте. пиши ишью.

ну если ты всё правильно сделал - баг в реакте. пиши ишью.

я сказал вроде) не факт

ну а пушишь как?

на скрине с ошибкой видно

чё за точка?

чё за точка?

убрал) без неё тоже не пашет

export const history

export const history

не помогло)

а блин, не на то обратил внимание

покажи как импортируешь

Добрый день. Какую из этих двух книг можете посоветовать?

покажи как импортируешь

import history from '../App.js';

да вроде vsc не бьет ошибку) значит импортируется норм. или не факт?)

import { history } from...

Добрый день. Какую из этих двух книг можете посоветовать?

Читай обе, а потом все таки оф. документацию

Добрый день. Какую из этих двух книг можете посоветовать?

Первая так себе

Читай обе, а потом все таки оф. документацию

Я бы их обе прочитал, если бы было много времени

import { history } from...

спасибо большущее)

на будущее, обращай внимание на то как импортишь и как экспортишь)

Я бы их обе прочитал, если бы было много времени

Отмазка

Я думаю, что там около страниц на книгу (600 на две книги)

Да и читать можно по "диагонали"

Я думаю, что там около страниц на книгу (600 на две книги)

🤔

🤔

Ошибочка вышла )

покажи как импортируешь

Импортни {withRouter} из react-router-dom , оберни свой компонент в него и получи history из пропсов

Импортни {withRouter} из react-router-dom , оберни свой компонент в него и получи history из пропсов

А какой нить useRouter там ещё не завезли?

А какой нить useRouter там ещё не завезли?

Вроде еще нет

можно ли писать в useReducer const data = useContext(Context);?

можно ли писать в useReducer const data = useContext(Context);?

нет. хуки можно использовать только внутри других хуков. В колбек функциях этого делать нельзя

А какой нить useRouter там ещё не завезли?

import { useContext } from 'react'; import { __RouterContex } from 'react-router'; export function useRouter() { const router = useContext(__RouterContext); return router; }

Народ, Учу редукс изменяя свой старый проект приложения для vkontacte... помогите понять. При создании reducers - импорчу в них defaultState из файла (что бы не повторять в каждом reducer). Store собираю из reducers. Ожидаю, что панель приложения будет рендериться при первом запуске с дефолтного экрана и ID этого экрана я в stor должен собрать по идее из этого импортированного файла. Без redux работает. С ним значение ID активной панели пустое. Ошибок ни браузер ни VSC не дают. В какую сторону копнуть решение?

нет. хуки можно использовать только внутри других хуков. В колбек функциях этого делать нельзя

Ну, в самом редьюсере я имел в виду.

Оно работает. По крайней мере пока.

Оно работает. По крайней мере пока.

можно код?

можно код?

Минут через десять. Там если не в редьюсере, то придется в самом компоненте, добавлять в useEffect dep и передавать в сам редьюсер. По этому хотелось сразу в редьюсере.

Минут через десять. Там если не в редьюсере, то придется в самом компоненте, добавлять в useEffect dep и передавать в сам редьюсер. По этому хотелось сразу в редьюсере.

По описанию это не должно работать

Ребята всем привет, подскажите как заставить эту штуку работать правильно, я пока еще хуки до конца нормально не вкурил. useEffect(() => { getPeriods([defaultPeriod, ...JSON.parse(localStorage.getItem("periods") || "[]")]); }, []); если вынести defaultPeriod вне класса, то все нормально работает, если внутри класса, то у меня ругается вот так React Hook useEffect has a missing dependency: 'defaultPeriod'. Either include it or remove the dependency array` заранее большое спасибо Вам за помощь.

Ребята всем привет, подскажите как заставить эту штуку работать правильно, я пока еще хуки до конца нормально не вкурил. useEffect(() => { getPeriods([defaultPeriod, ...JSON.parse(localStorage.getItem("periods") || "[]")]); }, []); если вынести defaultPeriod вне класса, то все нормально работает, если внутри класса, то у меня ругается вот так React Hook useEffect has a missing dependency: 'defaultPeriod'. Either include it or remove the dependency array` заранее большое спасибо Вам за помощь.

useEffect(() => { getPeriods([defaultPeriod, ...JSON.parse(localStorage.getItem("periods") || "[]")]); }, [defaultPeriod]);