Reactjs 使用React传递动态url

感谢大家之前在我不知道为什么它不起作用，但我决定简化事情，只传递一个字符串而不是一个对象，但它仍然没有被读取。它没有动态url，只传递字符串“：i”或“：book.id”或我试图在链接标记中使用的任何值

App.js

import { BrowserRouter as Router, Link, Route, Switch } from "react-router-dom";
<Router>
      <div className="App">
        <Header />

        <Switch>
          <Route path="/" component={Main} />
          <Route path='/:i' component={Single} />
        </Switch>
      </div>
    </Router>

---

您不应该像这样在

链接中传递参数

传递参数值，如id

<Link to={`/${i}`}>



然后在途中你收到它

<Switch>
  <Route path="/:id" children={<Child />} />
</Switch>



我也尝试过，但是使用这样的模板文本会导致解析错误-第42:24行：解析错误：JSX值应该是表达式或引用的JSX文本抱歉，忘记了{}。
<Link to={`/${i}`}>

<Switch>
  <Route path="/:id" children={<Child />} />
</Switch>