我使用React Redux加载栏包来显示加载栏组件

Question

• 我是redux的新手。
• 我正在使用reactredux加载栏包，因为我正在尝试使用加载栏组件。
• 所以我用标志来加载。
• 直到得到我要显示的loadig bar的响应。
• 但是我不成功。
• 因此，在调试器中，我放置了一个condole，并在加载时显示true，但在加载栏未显示之后。
• 您能告诉我如何修复它吗，以后我会自己修复。
• 在下面提供我的代码段和沙箱。
• 我的代码在RecipeReviewCardList.js中

https://codesandbox.io/s/5x02vjjlqp

 getPlayerssData() {
    this.setState({ loading: true });

    let comments = [];
    fetch("https://jsonplaceholder.typicode.com/comments")
      .then(response => response.json())
      .then(json => {
        comments = json;
        // comments = comments.slice(0,3);
        this.setState({
          loading: false,
          comments: comments
        });
        this.setState({ activeComments: comments.slice(0, 10) });
        //console.log(comments);
      });
  }

  render() {
    const { comments, loading } = this.state;
    // render your progress bar
    console.log("render loading--->", loading);
    if (loading) return <LoadingBar />;