在您的服务器中
ArticleCard，您必须创建一个
link将路由到您的完整主机
Article。这个环节将包括
id你试图渲染的文章（前。
articles/${article._id}）通过
Route将组件的路径编写
Article为
articles/:id，这将使我们能够捕获渲染
id时的
Article内容（可通过访问
this.props.match.params.id）
然后，假设
id用于从一些其他的API获取的文章，一个好地方调用这将是
componentDidMount你的
Article组件。
这是一个小示例，可能会对您有所帮助：
import React from 'react'import { BrowserRouter as Router, Route, link, Switch} from 'react-router-dom'const ParamsExample = () => ( <Router> <Switch> <Route exact path="/" component={ArticleList} /> <Route path="/articles/:id" component={Article} /> </Switch> </Router>)const article = { _id: 1, title: 'First Article'};const ArticleList = () => ( <div> <ArticleCard key={article._id} article={article} /> </div>);const ArticleCard = ({ article }) => ( <div> <h2>{article.title}</h2> <link to={`/articles/${article._id}`}>SEE MORE</link> </div>);class Article extends React.Component { componentDidMount() { console.log('Fetch API here: ', this.props.match.params.id); } render() { return ( <div> {`Fetching...${this.props.match.params.id}`} </div> ); }}export default ParamsExample
