因此,我将Django作为后端,并使用Django\u rest\u框架设置了一些基本API.它工作完全正常,我可以获取数据并将其注销,但当我try ...我无法解释,我只是粘贴代码...如果需要任何进一步的信息,请随时询问,我会尽快发表 comments .现在我不知道该怎么办,我已经挣扎了好几个小时了.

我在这里包括了所有的代码: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库组件

推荐答案

您将Grid组件封装在一个代码块中,该代码块不返回任何内容.

移除花括号:

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

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

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

如果没有其他映射逻辑,则前者更可取.

Reactjs相关问答推荐

InfiniteScroll持续获取数据,直到超过最大更新深度

在一个地方调用函数会影响其他地方调用该函数

我想删除NextJs中的X轴标签APEXCHARTS

关于同一位置的不同组件实例的react S规则被视为相同组件

无法使用导入app/page.jsx的组件中的tailwind 类文本操作和自定义动画

在 React 中,如何在指向同一组件的路由中拥有未定义数量的多个动态路径段?

react 本机屏幕转换

Yup.number().integer() 不将 1.0 视为小数,如何解决这个问题?

拖放 - 将排序保存到数组字段

如何优化 React 应用程序的性能?

如何将 DocuSign 控制台界面嵌入到 React 应用中

使用 map 循环浏览列表列表中的列表并显示它们

Cypress 组件测试不渲染react 组件(但它的内容)

在复选框中react 检索选中的值

添加新行时自动打开可扩展表格(Antd 表格,ReactJS)

如何使用 React Hook Form 将寄存器作为 props 发送到子组件来收集数据?

Wordpress 插件在激活时创建一个 React Public 页面

在 Formik 表单中访问子组件的值

如何在 Cypress E2E 的站点上测试react 组件?

如何通过 Material Ui 设计将 Accordion 添加到您的 React 项目中?