если убрать эти useEffect То баг с просадкой исчезает... но без этих эффектов нельзя потому что props могут меняться извне useEffect(() => { dispatch({ type: 'set/state', payload: props.state }); }, [props.state]); useEffect(() => { dispatch({ type: 'set/city', payload: props.city }); }, [props.city]); useEffect(() => { dispatch({ type: 'set/priceMin', payload: props.priceMin }); }, [props.priceMin]); useEffect(() => { dispatch({ type: 'set/priceMax', payload: props.priceMax }); }, [props.priceMax]);

если убрать эти useEffect То баг с просадкой исчезает... но без этих эффектов нельзя потому что props могут меняться извне useEffect(() => { dispatch({ type: 'set/state', payload: props.state }); }, [props.state]); useEffect(() => { dispatch({ type: 'set/city', payload: props.city }); }, [props.city]); useEffect(() => { dispatch({ type: 'set/priceMin', payload: props.priceMin }); }, [props.priceMin]); useEffect(() => { dispatch({ type: 'set/priceMax', payload: props.priceMax }); }, [props.priceMax]);

попробуй поменять useEffect на useLayoutEffect

непомогло

но вообще тебе нужен debounce

" Invariant Violation: Could not find "store" in the context of "Connect(Search)". Either wrap the root component in a <Provider>, or pass a custom React context provider to <Provider> and the corresponding React context a " возникала у кого-то такая ошибка?

смешно

Нормальный вопрос

Ну я сталкивался.

и что ты сделал, что бы исправить?

А когда делаю тесты то такая фигня..

ого

Хуки создают просадку в производительности компонента, или я что-то не так делаю код компонента тут https://pastebin.com/hYFR5UZ8 нужна помощь Когда вписываю в Input state значение то значение не успевает отрисовываться...

привет , в чем разница между HashRouter и BrowserRouter?

привет , в чем разница между HashRouter и BrowserRouter?

не для фронтов?)

не для фронтов?)

Если совсем кратко, то если будешь юзать не обработанный на сервере чем-то browser router, то будешь ловить редирект на / при загрузке страницы по прямой ссылке, с hash router такого не будет но получишь уродливые урлв с #

https://codesandbox.io/s/props-and-state-in-react-brqse как можно в хуках реализоваь: передачу данных от ребенка родителю?

что с CRA?

я сделал create-react-app react-app,но результат

Привет как можно исправить ?

Ты пытаешься вывести строку, вложив ее только в table, а куда все остальное дел?

как можно исправить ?

как можно исправить ?

норм ответ же дали выше, если сложно то верни блин null

Ты в итоге все равно строку возвращаешь, а не жсх)

Убери кавычки, тейбл, вынеси этот эррор отдельно

как можно исправить ?

Можешь даже не делать явным выбором, а просто указать: {... === 0 && 'ошибка'} А ниже условие убрать или инвертировать его тоже на конструкцию &&

Конструкция вида {условие && вывод} эквивалентна {условие ? вывод : null}

Не получается подключить mobx-react-devtools. В _app.js импортирую библиотеку "mobx-react-devtools" внутри провайдера вставляю компонент девтулза и вижу ошибки в консоли 1.Uncaught TypeError: Cannot read property 'on' of undefined 2.Uncaught TypeError: (0 , a.trackComponents) is not a function 3.Uncaught TypeError: Cannot read property 'dispose' of undefined 4.The above error occurred in the <t> component: 5.Uncaught TypeError: Cannot read property 'on' of undefined React will try to recreate this component tree from scratch using the error boundary you provided, Container. React will try to recreate this component tree from scratch using the error boundary you provided, MyMobxApp.

Проблема в том что эти девтулзы не совместимы с версией mobx-react > 5. Я пытался найти уже норм замену но что то оно все такое себе. Но если ты используешь mobx state tree то там легко к редаксовским можно подключиться

mobx state tree чем отличается от mobx-react?

В случае реакта да. Вне - нет.

Это вобще разное, mobx state tree скорочено mst это фарш над чистым mobx, очень классная штука, посмотри

Для ssr подойдёт?