Как поменять содержание формы с помощью React Router

Question

Не получается поменять содержание формы с помощью React Router Первая форма загружается нормально, при переходе на вторую не отрисовывается компонент, хотя должна была отрисоваться таже самая форма

const Login = ( props ) => {
  const { match } = props;
  const { t, i18n } = useTranslation ();


  return (
    <LoginContainer>
      <LoginContainerTitle>{ t ( 'loginPage.loginTitle' ) }</LoginContainerTitle>
      <LoginContentWrapper>
        
        <CustomForm>
          <Switch>
            <Route path={ `${ match.path }` } component={ LoginForm } />
            <Route path='/registration' component={ LoginForm }/>
          </Switch>

          

        </CustomForm>
        
        <LoginContainerButtonWrapper>
          <CustomButton orangeSoft>{ t ( 'loginPage.loginButton' ) }</CustomButton>
        </LoginContainerButtonWrapper>
        <LoginNewCustomerContainer>
          <LoginNewCustomerText>{ t ( 'loginPage.loginQuestion' ) }</LoginNewCustomerText>
          <LoginNewCustomerLink
            to={ '/registration' }
          >{ t ( 'loginPage.registrationLink' ) }</LoginNewCustomerLink>
        </LoginNewCustomerContainer>


      </LoginContentWrapper>
    </LoginContainer>
  );
};

Answer 1

Убедиться что компонент находится внутри тэга BrowserRouter

import {BrowserRouter} from 'react-router-dom';

return (
<BrowserRouter>
// твой код компонента
</BrowserRouter>)

БЛОГ НА HUSL

Как поменять содержание формы с помощью React Router

Ответы (1 шт):