Всем привет! Может кто-нибудь помочь с формированием путей в React Router?

<Route path='*' element={<NotFoundPage />} />

Самый последний роут, для страницы с ошибкой, когда переходишь по роуту которого не существует - будет перебрасывать на эту страницу

Лента последних купленных товаров?

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

Как поменять надпись на кнопке через 4 секунды?

очищать не нужно задержу если компонент будет размонтирован до того как отработает коллбэк в таймауте ?

Как работает это замыкание?

Lynn «Кофеман», спасибо уже всё понял

Как работает это замыкание?

Алексей Уколов, ну да чёт я ступил, не возвращает же функцию, какое же это замыкание тогда, вот такая у меня невнимательность, а я думал как-то замкнула функция внутри себя глобальную переменную ( через объявленную внутри функцию с тем же именем ) и поэтому она не изменилась

Почему не передаются значения вычисленные в функции в стили компонента?

да и вообще странно что ты решил юзать useLayoutEffect в такой ситуации, когда sheets у тебя находится в этом же компоненте, на sheets можно просто повесить ref

Почему не передаются значения вычисленные в функции в стили компонента?

Сам я конечно ещё не очень опытный да и не сталкивался с подобной проблемой, но могу написать свою мысль если интересно =)

useLayoutEffect - отрабатывает когда уже компонент был смонтирован, грубо говоря компонент уже готов

твоя переменная sheetTopLeftPosition ты её изменяешь после того как компонент был уже отрисован, понимаешь ? А толку ты её изменяешь если компонент не обновляется после этого ? React не следит за каждой переменной которая объявлена внутри

за место переменной sheetTopLeftPosition - сделать стейт и например обновить стейт вот в этом месте -

console.log(sheetTopLeftPosition); // в консоли выводятся верные значения

Как сделать так, чтобы стили указанные в строке 'hello world' применились?

spanT - убери T

Как в useForm постоянно отслеживать изменение значения в input?

useForm({ mode: 'onChange' })

Либо watch

либо свою функцию валидации писать и там уже описывать всю логику то как должна форма вести себя по отношению к отдельному инпуту

Как сделать адаптивные карточки товара?

froggush, я делал это задание 9 месяцев назад, мне отказали потому что кандидата уже нашли, своего рода - я не успел), но сейчас я не буду пытаться трудоустроиться туда, не переживай друг, я тебе не конкурент)

Как сделать адаптивные карточки товара?

froggush, обычные медиа запросы и стили подправить :D

Как сделать адаптивные карточки товара?

froggush, вот я делал, но там такая себе верстка, можно было и получше сверстать, и для 320 нету адаптива
Ссылка

Почему не работает react-router 6?

Dmytro Yurikov, ты в App - возвращал MainPage в котором есть Header - который возвращал MainPage - вот и круговорот

Почему не работает react-router 6?

Dmytro Yurikov, это можно делать где угодно, не обязательно в App, к примеру

function App() {
  return <LayoutPage />;
}

-------------------------------------------------------

function LayoutPage () {
  return (
<div className='page-wrapper'>
            <Routes>
                <Route path="/" element={<MainPage />}></Route>
                <Route path="/ourcoffee" element={<CoffeePage />}></Route>
                <Route path="/foryourpleasure" element={<GoodsPage />}></Route>
            </Routes>
</div>
)
}

Может быть как угодно, так же могут быть и вложенные роуты в других роутах, в других компонентах и т.д

Почему не работает react-router 6?

Dmytro Yurikov,

function App() {
  return (    
            <Routes>
                <Route path="/" element={<MainPage />}></Route>
                <Route path="/ourcoffee" element={<CoffeePage />}></Route>
                <Route path="/foryourpleasure" element={<GoodsPage />}></Route>
            </Routes>
  );
}

Почему не работает react-router 6?

Dmytro Yurikov, <Route path="/" element={<MainPage />} /> зачем тебе в хедере загружать MainPage ? в общем - что написал то и получил, думаю теперь разберешься

Почему не работает react-router 6?

Dmytro Yurikov, всё я понял в чем дело, ты в роуте пытаешься загрузить MainPage - а в нём такие же роуты и своего рода бесконечная загрузка получается

роуты у тебя находятся в Header , тебе их нужно в app js наверное перенести...

Почему не работает react-router 6?

Dmytro Yurikov, возможно бесконечный редирект, без понятия хм - если код тот который показан выше, попробуй обернуть приложение в StrictMode - возможно покажет ошибку

Почему не работает react-router 6?

Dmytro Yurikov, консоль пишет что-то ? если да - то гугли ошибки, если нет - то задай вопрос более понятно

А если после изменения кода, страница в localhost не загружается( Не знаете в чем проблема может быть?

Как получать данные с бэка при переходе на другую страницу?

просто в useEffect получаешь данные и заносишь их в useState, обычно так делают