Почему не работает 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, обычно так делают

Существует ли npm-пакет для маскирования строки?

lexstile, если ты хочешь из строки взять какие-то определенные символы , просто пробегись по строке регуляркой и возьми то что нужно а остальное отбрось, это делается вручную и поэтому для это скорее всего ты не найдёшь не какой маски, маска для ввода нужна, что-то тебя не туда понесло

Существует ли npm-пакет для маскирования строки?

lexstile, хм, немного непонял, маска для инпута нужна ? Какая вообще задача стоит ?

Существует ли npm-пакет для маскирования строки?

mask

Как сделать реализацию табов на js?

всю формулу для fz можно глянуть ?

Можно ли React компонент передать в функцию/метод другого компонента?

Алексей Уколов, https://codesandbox.io/s/divine-voice-1jn87n?file=...

Можно ли React компонент передать в функцию/метод другого компонента?

Алексей Уколов, а причем тут пропсы компонента ?

Relative перекрывает fixed?

LocalHero, https://developer.mozilla.org/en-US/docs/Web/CSS/C...

Как узнать ширину блока после его отрисовки в React с использованием ts?

задать ему реф, и отследить его ширину как у обычного дом элемента

Как установить React-app?

vlurtex,

Как установить React-app?

vlurtex, https://stackoverflow.com/questions/72401421/messa...

Как сделать чтобы при нажатии на кнопку страница пролистывалась вниз?

гугли - якори html/якорные ссылки

Как установить React-app?

vlurtex, npx create-react-app project ?

Как сделать чтоб в Github pages приложение разворачивалось с определенной страницы?

Всё же это работает для вложенных роутов, тогда нужен либо хок компонент который будет отдавать вложенные роуты или просто сразу отдать вложенные роуты

<Routes>
         <Route path="/" element={<Outlet />}>
              <Route index element={<Articles />} />
              <Route path="/about" element={<About />} />
              <Route path="/pricing" element={<Pricing />} />
              <Route path="/dashboard" element={<Dashboard />} />
              <Route path="*" element={<NotFound />} />
              <Route path="/login" element={<Login />} />
              <Route path="/signup" element={<Signup />} />
         <Route />
</Routes>