小编Sha*_*net的帖子

请我需要关于 react-router-dom 的帮助，我是图书馆的新手，从那以后似乎可以找到任何解决方案。我从 api 调用中得到三个结果，其中我映射数据以在 UI 上呈现它，现在我现在需要的是，如果我单击此列表之一上的一行，我希望它带我到屏幕仅显示我单击的单个内容的详细信息。

import React, { Component } from "react";

export default class User extends Component {
  state = { userDetails: "" };

  componentDidMount() {
    axios.get(`https://urlforapi.com`)
    .then(({ data }) => {
      this.setState({
        userDetails: data
      });
    });
  }

  render() {
    const { userDetails } = this.state;
    return (
      <div>
        {userDetails
          ? userDetails.map(info => {
              return (
                <Link to="/home/userDetails">
                  <div key={info.id}>
                    <p>{info.name}</p>
                  </div>
                  <div>
                    <p>{info.age}</p>
                  </div>
                  <div>
                    <p>{info.description}</p>
                  </div>
                </Link>
              );
            })
          : null}
      </div>
    );
  }
}