Реализация маршрутов входа в систему и регистрации с помощью activ-router-dom - PullRequest
Новая
       42

Реализация маршрутов входа в систему и регистрации с помощью activ-router-dom

0 голосов
/ 24 сентября 2019

Я пытаюсь реализовать вход и выход из системы с помощью activ-router-dom, и я не уверен, что то, что я придумал, является наилучшим способом достижения этой цели, особенно если я бы хотелреализовать перенаправление в будущем. 

//App.js

const App = () => {
  return (
    <div className="App">
      <Switch>
        <Route path="/" component={SignInSignUpPage}></Route>
      </Switch>
    </div>
  );
};

// SignInSignUpPage
const SignInSignUpPage = () => {
  return (
    <SignInSignUpContainer />
  );
};

//SignInSignUpContainer
const SignInSignUpContainer = () => {
  return (
    <SignInSignUpContainerStyles>

      <SignInSignUpContaineHeader>
        <SignInSignUpContaineHeaderElement to="/">
          Sign in
        </SignInSignUpContaineHeaderElement>
        <SignInSignUpContaineHeaderElement to="/signup">
          Sign Up
        </SignInSignUpContaineHeaderElement>
      </SignInSignUpContaineHeader>

      <SignInSignUpContainerContent>
        <SignInSignUpContainerContentForm>
          <LockIconContainer iconName="icon-lock-closed" />

          <Switch>
            <Route exact path="/" component={SignIn} />

            <Route path="/signup" component={SignUp} />
          </Switch>

        </SignInSignUpContainerContentForm>
      </SignInSignUpContainerContent>
    </SignInSignUpContainerStyles>

Как вы видите, у меня есть ссылки внутри компонента SignInSignUpContainer, которые будут перенаправлять на разные компоненты, но на самом деле они точно так же маршрутизируютсяКомпонент и рендеринг базируются на условных маршрутах.

Это кажется хакерским, как я могу лучше реализовать эти маршруты, чтобы в будущем было проще реализовать базу перенаправлений на сессиях / учетных данных пользователя?

...