Помогите разобраться, пожалуйста. Ситуация такая - рендер роута не хочет заново рендерить передаваемый ему компонент. Суть в том, что есть компонент прелоадера, внутри дочерним передан компонент, который должен отрендериться после отработки прелоадера (прелоадер носит чисто косметический характер). Но конструкция свитч-роуты каким-то образом то ли сохраняет стейт прелоадера то ли просто меняет проп у него. Суть в том, что прелоадер отрабатывает только при первой загрузке сайта. Вот код: App: <Switch> <Route exact path="/" render={() => ( <Preloader> <Home /> </Preloader> )} /> <Route path="/about" render={() => ( <Preloader> <About /> </Preloader> )} /> </Switch> Вот прелоадер: function Preloader({children}: any) { const [isLoaded, setLoad] = useState(false); const [fillBar, setFillBar] = useState({ width: '0%' }); useEffect(() => { setTimeout(() => setLoad(true), 1800); setTimeout(() => { setFillBar({ width: '100%' }); }, 400); }, []); if (!isLoaded) { return ( <NuTutKoro4ePreloader/> ); } return children; }; И боль в том, что при переходе между роутами он после первой загрузки просто рендерит дочерний компонент. Ставил консоль лог на isLoaded, ожидаемо false... true ... и далее при всех переходах оно просто тру.

Помогите разобраться, пожалуйста. Ситуация такая - рендер роута не хочет заново рендерить передаваемый ему компонент. Суть в том, что есть компонент прелоадера, внутри дочерним передан компонент, который должен отрендериться после отработки прелоадера (прелоадер носит чисто косметический характер). Но конструкция свитч-роуты каким-то образом то ли сохраняет стейт прелоадера то ли просто меняет проп у него. Суть в том, что прелоадер отрабатывает только при первой загрузке сайта. Вот код: App: <Switch> <Route exact path="/" render={() => ( <Preloader> <Home /> </Preloader> )} /> <Route path="/about" render={() => ( <Preloader> <About /> </Preloader> )} /> </Switch> Вот прелоадер: function Preloader({children}: any) { const [isLoaded, setLoad] = useState(false); const [fillBar, setFillBar] = useState({ width: '0%' }); useEffect(() => { setTimeout(() => setLoad(true), 1800); setTimeout(() => { setFillBar({ width: '100%' }); }, 400); }, []); if (!isLoaded) { return ( <NuTutKoro4ePreloader/> ); } return children; }; И боль в том, что при переходе между роутами он после первой загрузки просто рендерит дочерний компонент. Ставил консоль лог на isLoaded, ожидаемо false... true ... и далее при всех переходах оно просто тру.

Всем привет, знает кто нибудь гайд или статейку где с нуля пишут компонент таблицы с сортировкой пагинацией и т.д ?

Ура, я таки сделал песочницу. Подскажите, пожалуйста, почему прелоадер не появляется при каждом роутинге (только при первом)? https://codepen.io/ArtBad/pen/mNVNmp?editors=0010

ребята, как можно сделать для кра без эджекта алиасы?

ребята, как можно сделать для кра без эджекта алиасы?

через jsconfig?

craco

не варик

https://www.npmjs.com/package/cra-alias

ребята, как можно сделать для кра без эджекта алиасы?

Дай key каждому прелоадеру

Поэтому только с собачкой в начале принимаю)

огромнейшее спасибо

Ну лучше придумай получше способ, потому что это костыль)

Ну лучше придумай получше способ, потому что это костыль)

дак я делал в каждом компоненте свой стейт, но это дурдом. Надо в каждый компонент прокинуть хук с ожиданием, и сам прелоадер. И в каждом компоненте будет иф елс это ок разве?

хз, мне лень щас думать)))

Useeffect данные которые не попали в deps копирует?

через jsconfig?

./

./

Подскажите пожалуйста, кто нибудь подключал ssl сертификат на рег ру ?

Пацаны, не подскажите, после обновления анта поломались кнопочки который в actions в Card

flex-grow 1

ну иди читай релиз ноутс, чем мы поможем

еба, и в правду помогло

как решить быстро проблему путей типа ../../../../components/app ? использую cra

craco + alias resolver какой-нибудь

нативненько не получится какой-нить конфиг?

нативненько не получится какой-нить конфиг?

нативненько не получится какой-нить конфиг?

Jsconfig.json, в доке есть

+

https://dev.to/oliverandrich/absolute-imports-with-create-react-app-and-vscode-ihn

redux-saga это такой костыль со времен когда async/await еще не реализовали, но хотелось и поэтому сделали через генераторы? или от него есть какая-то польза? я вот в этом примере не вижу вообще никакой разницы между async/await и yield. Но вижу что его до сих пор пихают в бойлпрайты

я спрашиваю в чем профиты

Их нет

я спрашиваю в чем профиты

Легче тестировать Легче управлять на любом этапе асинхронной операции(не только прерывание)

redux-saga это такой костыль со времен когда async/await еще не реализовали, но хотелось и поэтому сделали через генераторы? или от него есть какая-то польза? я вот в этом примере не вижу вообще никакой разницы между async/await и yield. Но вижу что его до сих пор пихают в бойлпрайты

в чем легкость проявляется?

Пример на генераторах, на сагах было бы по-другому. Главный плюс саг - это крайне простое мокирование любой функции и тестирование.

в чем легкость проявляется?