如何显示API中的选定属性-JSON数组

问题描述

所以我在主页上有帖子列表，单击其中一个页面后，页面正确地重定向到/ post：id（路线），现在我需要在重定向后在此页面上显示：ID，标题，所单击帖子的正文。有什么想法吗？

class Post extends Component {
  constructor(props) {
    super(props);
    this.state = {
      post: [],};
  }
  getPosts() {
    fetch("https://jsonplaceholder.typicode.com/posts")
      .then((res) => res.json())
      .then((data) => {
        if (data) {
          this.setState({
            post: [data],});
        }
      });
  }

  componentDidMount() {
    this.getPosts();
  }

  render() {
    const { post } = this.state;
    console.log(post);
    return (
      <div className="post-center">
        <div>
          <h1>Post Title {this.props.match.params.title}</h1>
          <p>Post ID: {this.props.match.params.id}</p>
          <p>Body: {this.props.match.params.body}</p>
        </div>
        <form>
          <label>
            Name:
            <input type="text" name="name" />
          </label>
          <label>
            Comment:
            <input type="text" name="name" />
          </label>
          <input type="submit" value="Send" />
        </form>
      </div>
    );
  }
}

export default Post;

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）