reactjs - React，从 API 获取记录数据，但不呈现它？

Question

所以我将 Django 作为后端，并使用 django_rest_framework 设置了一些基本 API。它工作得很好，我可以获取数据并将其注销，但是当我尝试...我无法解释它时，我只会粘贴代码...如果需要任何进一步的信息，请随时要求它，我会尽快评论它。我只是不知道此时该怎么办，我已经挣扎了几个小时。

我在这里包含了所有代码:https://pastebin.com/TfasCaNE (因为它很长)

{
    posts.map(post =>{
        console.log("log: ", post.id); // this works, it gets logged out correctly, for e.g., if there are 2 posts, 2 and 1 gets logged out.
    })
}

和

{
    posts.map(post =>{
        <Grid>Hello</Grid> // this doesn't work, it doesn't do anything, not even an error, nothing
    })
}

为什么会这样？

编辑:请注意，将“grid”交换为“div”也无济于事。那只是一个 MaterialUI 库组件

Answer 1

您将 Grid 组件包含在一个不返回任何内容的代码块中。

要么去掉大括号:

posts.map(post => <Grid>Hello</Grid>)

或者在 block 内添加return关键字:

posts.map(post => {return <Grid>Hello</Grid>})

如果没有额外的映射逻辑，前者更可取。