React Route 不会重定向

Question

我正在使用 React 创建博客。 我上传了一些部分：https://codesandbox.io/s/youthful-bush-z3cce

主页上有一个注释和其他注释的列表。当我点击这些笔记的一些链接时，它会打开，我可以看到另一篇文章。但是，如果我尝试再次单击另一个帖子，它不会重新加载，尽管它会更改 url。

Answer 1

这是因为您有相同的组件来呈现您的帖子。您的 componentDidMount 只运行一次，它负责调用您的 api。您需要在不同的函数中获取 api 逻辑并在componentDidUpdate 中再次调用它。

我已经在 codesanbox 存储库中完成了它 - https://codesandbox.io/s/musing-grass-sxokl

 componentDidMount() {
    if (!this.props.match) {
      return;
    } else {
      this.callApi();
    }
  }

  componentDidUpdate() {
    this.callApi();
  }

  callApi = () => {
    client
      .getEntries({
        content_type: "blogPost",
        "fields.slug": this.props.match.params.slug
      })
      .then(response => {
        console.log(response);
        this.setState(
          {
            content: response.items[0].fields.content,
            title: response.items[0].fields.title,
            date: response.items[0].fields.date,
            country: response.items[0].fields.country
          },
          () => console.log(this.state)
        );
      });
  };

希望对你有所帮助。