Javascript 当使用React路由器时，我想将链接的位置传递给路由

如果在子组件中按如下方式设置链接：

我希望路线在App.js组件中反映这一点：

原因是，如果文章页面在浏览器中刷新，我希望它呈现加载的最后一个“/newsarticle/${title}”，而不是只呈现“/newsarticle/”，而不呈现传递给newsarticle的组件中的任何数据

---

也许这是不可能的，我需要确保在服务器端执行路由。

假设您已经这样声明了路由

您已经定义了链接

my article

，点击该链接即可加载路由，为了访问传递给路由的参数，您可以通过这种方式进行尝试

/* in Class based component */
class Article extends React.Component{
    constructor(props){
        console.log(this.props.match.params.id) //where you access the id
    }
    /* rest of the code */
} 


/* in functional Component by using hooks */
  import {useParams} from  'react-router-dom'

  function Article(){
      let params = useParams()
       console.log(params.id)
  }

---

我不认为我解释了问题在于我正在将组件“文章”映射到我有路径的组件“文章”：

但是，该链接位于第三个组件中，它将我们带到相关文章/${title}

---

我试图实现的是在刷新页面时，URL保持为article/${title}和显示的最后一个标题，从而呈现呈现的最后一篇文章的内容。

我不认为我解释了问题是我正在将组件“article”映射到组件“Articles”对于它，我有一个路径：

但是链接在第三个组件中，它把我们带到相关的文章/${title}。我试图实现的是在刷新页面时，URL保持为article/${title}和显示的最后一个标题，从而呈现呈现的最后一篇文章的内容。