Путь маршрутизатора React

#reactjs #path #react-router

#reactjs #путь #react-маршрутизатор

Вопрос:

У меня есть path.js файл, содержащий всю переменную PATH

 export const PATH = {
USER: '/user/',
INFO: '/user/:user_id/'
}
  

когда я пытаюсь получить доступ к ПУТИ.ИНФОРМАЦИЯ не переходит на страницу, но если я изменю ПУТЬ к ИНФОРМАЦИИ, это сработает.
Означает ли /user / и /user /:user_id / то же самое в react-router??

Ответ №1:

Прежде всего, ответ на ваш вопрос о том, что погода для /user / и /user /:user_id / одинакова. Нет, они не совпадают / user означает этот статический путь, где /user /:user_id означает этот путь, а после /:user_id это значение является динамическим и может содержать любую вещь. Также я заметил, что вы добавили дополнительный / в конце вашего маршрута.

Попробуйте этот код, он работает

 import React from "react";
import { Route } from "react-router-dom";

import TestCompOne from "./Components/TestCompOne/TestCompOne";
import TestCompTwo from "./Components/TestCompTwo/TestCompTwo";
import { PATH } from "./Route";

const app = () => {
  return (
    <div>
      <Route path={PATH.USER} exact component={TestCompOne} />
      <Route path={PATH.INFO} exact component={TestCompTwo} />
    </div>
  );
};

export default app;