djangoでreactを表示させたい

Question

djangoでreactを表示させたいです。
views.pyに

def index(request):
    info = InfoData.objects.filter(username="admin")

    return render(request, 'top/index.html', {"info": info})

と書いてtop/index.htmlに

{% for user in info  %}
　　{{ user.username }}
　　{{ user.age }}
{% endfor %}

と書きました。
reactでfrontendアプリを作成してその中のApp.jsには

const App = () => {
  const [posts, setPosts] = useState(null);

  useEffect(() => {
    axios
    .get('http://localhost:8000/')
    .then(res=>{setPosts(res.data);})
    .catch(err=>{console.log(err);});
  }, []);

  useEffect(() => {
    axios
    .get('http://localhost:8000/top/index/')
    .then(res=>{setPosts(res.data);})
    .catch(err=>{console.log(err);});
  }, []);

  return(
    <Fragment>
      <div className="flexible-content">
          <TopNavigation />
          <SideNavigation />
          <main id="content" className="p-5">
            <Routes />
          </main>
          <Footer />
        </div>
    </Fragment>
  );
}

export default App;

と書きました。fronendを　npm start　で立ち上げてlocalhost:3000　にアクセスしても何も表示されませんでした。
何が間違っていますか？

Comments

[hentaiman]

ブラウザで開いてソース見てみました？

[yyjfou]

はい、見ました。どこに注目してみるべきとかありますか？

[hentaiman]

このソースだけじゃdivの中身が分からないので、レンダリングはされているけど視覚的に見えるものが無いだけでは？と思っただけです
npm startでサーバー立ち上がっているのに何も表示されないという事は少なくともアクセスは出来ており、疑うべきはdjangoへのリクエストが飛んでいるかどうかの確認など、順を追って確認する必要があります
とりあえず丁寧にひとつずつ処理を追って確認するのがいいでしょうね