Question

我有一个path.js文件，其中包含所有PATH变量

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

当我尝试访问PATH.INFO时，它没有进入页面，但是如果我更改INFO PATH，它会起作用。 / user /和/ user /：user_id /在react-router中的含义相同吗？

Answer 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;

反应路由器路径

1 个答案: