文件的段落没有根据reactjs中的url显示答案

【问题标题】：the paragraph of a file is not showing according to url in reactjs文件的段落没有根据reactjs中的url显示
【发布时间】：2022-01-01 21:09:02
【问题描述】：

我在 ReactJS 中有一个带有路由的探针。我想显示如下所示的 AddUser 文件：

const AddUser = () => {
    return(
        <p>Hello from Add User</p>
    )
}
export default AddUser;

但是当我按下 http://localhost:3000/add 时，'Hello from Add User' 没有显示。

有什么问题？

文件看起来像这样

【问题讨论】：

你实现了react router dom吗，请把代码放在这里
是的 Ashish，我是这样实现的 - npm i react-router-dom
请不要添加代码图片，复制粘贴即可。
@kevin 因为它是基本代码，我认为图片没有任何问题
如果我想在沙箱中重现您的错误，我无法复制您的代码。所以这有点问题。或者例如，如果我想将代码复制到我的答案中，我将不得不输入它。

标签： reactjs routes

【解决方案1】：

这是 react 路由 dom 实现的简单示例，通过 url 更改它将呈现在屏幕上，导入这个，

import { HashRouter, BrowserRouter, Route, Switch } from 'react-router-dom';

<BrowserRouter>
  <Switch>
      <Route path="/" exact component= { (props) => ( <div>Home</div> )} />
      <Route path="/add" component={(props) => ( <AddUser  /> )} />     
  </Switch>
</BrowserRouter>

那么你需要一个按钮，

<button className="btn">
    <a href="/add">Add</a>
</button>

在你的情况下，

const AddUser = () => {
    return(
        <p>Hello from Add User</p>
    )
}

【讨论】：

还是不行，段落还没有显示