Добрый день. У меня проблема с роутами, не могу реализовать переключение формы без EXACT, но если я пишу exact при перезагрузке страницы на другом роуте форма пропадает. Скажите пожалуйста как мне получить текущий роут для формирования ссылок для формы по типу /:page/register - регистрация and /:page - авторизация.
Вот что у меня есть сейчас:
import { BrowserRouter as Router, Route, Switch, useRouteMatch, useParams } from "react-router-dom";
import CreateForm from "./createForm";
import React from "react";
export default function FormRouter() {
const url = useRouteMatch().path;
return (
<Router>
<Switch>
<Route exact path={`${url}`}>
<CreateForm id='authenticate' method='POST' link={url} action='/' title='Войти в систему:' formType={1} />
</Route>
<Route exact path={`${url}register`}>
<CreateForm id='register' method='POST' link={url} action='/register' title='Регистрация в системе:' formType={2} />
</Route>
</Switch>
</Router>
)
}
Здесь собираю приложение
import React from 'react';
import Header from './header/header';
import Footer from "./footer/footer";
import GetCompanyPage from "./companyPage/company";
import {BrowserRouter as Router, Route, Switch} from "react-router-dom";
export default function App() {
return (
<div>
<Router>
<Header />
<Switch>
<Route path='/company'>
<GetCompanyPage name={
{
firstChild: 'Омега',
lastChild: 'Пласт'
}
} title='ПРОИЗВОДИТЕЛЬ ИЗДЕЛИЙ ИЗ ПЛАСТИКА' />
<Footer />
</Route>
</Switch>
<Footer />
</Router>
</div>
);
}