reactJs中的.map()没有返回任何内容
在React中，.map()是一个数组方法，用于遍历数组并返回一个新的数组。如果在使用.map()时没有返回任何内容，可能有以下几种情况：
- 没有正确地使用.map()方法：确保在.map()方法中传入一个回调函数，并在回调函数中返回一个值。例如：
const array = [1, 2, 3];
const newArray = array.map(item => item * 2);
console.log(newArray); // [2, 4, 6]- 原始数组为空：如果原始数组是空的，.map()方法将返回一个空数组。例如：
const emptyArray = [];
const newArray = emptyArray.map(item => item * 2);
console.log(newArray); // []- 回调函数没有返回值：如果回调函数没有返回任何值，.map()方法将返回一个由undefined组成的数组。例如：
const array = [1, 2, 3];
const newArray = array.map(item => {
// 没有返回值
});
console.log(newArray); // [undefined, undefined, undefined]总结起来，如果在React中使用.map()方法没有返回任何内容，可能是由于使用不正确的语法、原始数组为空或回调函数没有返回值。请检查代码并确保正确地使用.map()方法。
相关·内容
1回答
我是个新手，正在尝试添加和渲染来自外部SidebarData.js文件(在相同的根目录/components/..)中的项目列表。我不确定为什么我的map函数没有返回任何东西。我得到了一个正确的元素列表，但是item.title和item.path似乎没有呈现... 我觉得道具有问题。我试着写 render(){
<h1>{SubmenuData[1].title}</
浏览 36提问于2021-07-26得票数 0
2回答
我使用axios.post()在Reactjs应用程序的后端编辑mysql数据库。数据通过post请求发送到后端很好。但我需要知道post请求何时完成，并从其中返回一些数据，以了解后端代码运行是否正确。我尝试了下面的方法，其中newEdit是一个对象，它的后端需要的信息 .post('http://ip:3001/edit_table', newEdit)
.then((response再一次，对象确实可以到达路由的nod
浏览 3提问于2020-05-01得票数 1
回答已采纳
渲染中没有返回任何内容。这通常意味着缺少返回语句。或者，若要不呈现任何内容，请返回null。
import React from 'react'; let collections = [];
浏览 0提问于2018-11-11得票数 3
回答已采纳
2回答
我正在尝试创建一个组件并在App.jsx (另一个组件)中调用它，并在呈现中调用这个App.jsx，但是它给了我错误。这是我做的代码。
浏览 5提问于2021-04-07得票数 0
回答已采纳
我学习了REACTJS，我发现了一个问题，我不知道如何解决它们
错误: HomePage:渲染中没有返回任何内容。这通常意味着缺少返回语句。或者，若要不呈现任何内容，请返回null。
浏览 3提问于2021-11-23得票数 1
回答已采纳
2回答
在按钮onClick中，我有一个发出GET请求和接收json数组的函数。当我尝试将其显示给用户时，没有任何变化，尽管如果我将一个console.log放入地图中，我确实会显示和迭代所有对象。return( {this.anotaciones.map) </tbody>
浏览 77提问于2021-11-01得票数 1
我正在开发一个具有ReactJS和可靠智能合同的文档验证系统.我想在前端显示智能契约的get().call()方法的结果，弹出，甚至是一个简单的文本。我现在面临的问题是，当我试图显示方法的响应时，它会向我抛出错误：pragma solidity ^0.5.0; struct FileDetails
浏览 3提问于2020-04-17得票数 0
3回答
我正在制作一个从我的Firebase Cloud Firestore中获取的.map中的帖子列表。我也有照片连接到每个帖子，我通过使用云存储中的post.title + '.jpg'来获取它们。帖子的标题很吸引人，但当使用fetchImage时，它不会显示在帖子中。它显示在console.log中。我也可以从控制台访问url，所以没什么问题。
有什么想法吗？{this.state
浏览 0提问于2018-10-16得票数 1
我是reactjs和lodash的新手。我有一个对象数组，每个对象都有许多字段属性。如果boolean属性为true，我希望更改名称字符串值。我通读了这里的一些帖子，似乎.map将遍历数组 const updatedList = this.props.oldList.map((record) => record.IsTrue === 1 ?我没有返回对象列表及其所有属性，而是返回了以下内容 0: "Test1 (Upd
浏览 117提问于2021-02-05得票数 0
回答已采纳
我已经使用create-react-app设置了一个基本的react应用程序，并创建了我的第一个组件。/src/index.js下面是我的index.js文件代码：
ReactDOM.render(<App />, document.getElement
浏览 5提问于2018-08-06得票数 0
回答已采纳
我已经在Mongodb中像这样保存了我的图像： "data": "<Binary Data>",}..{products.map(product => {但<
浏览 7提问于2018-08-29得票数 1
我试图返回一个组件，只有当它在特定类别中时，它才会呈现。从服务器获取的类别对象有一个product_ids列表。我将product_ids的列表传递给组件，并检查它是否在列表中，如果是，则返回它。然而，当我这样做的时候，我得到了 <SwipeableViews>
<TabContainer dir={theme.dire
浏览 1提问于2019-07-30得票数 0
回答已采纳
我使用React JS进行了电子邮件验证输入，如果我没有填写有效的电子邮件地址，它会自动给出一个错误。return ( {renderTemplate()} );
export default FormField; 我已经在React Tab中对我编写的每个变量和数据进行了深入研究并执行当我输入错误的电子邮件时： ? 当我清空该字段时： ? 当我键入有效的电子邮件时：
浏览 12提问于2019-01-30得票数 0
回答已采纳
我正在尝试在API调用之后从状态动态加载表单，这是在componentDidMount()中完成的。接口调用成功，完成后在languageList上调用setState()，但.map()调用不返回任何选项。它不返回任何内容。<select> <option key={key}
浏览 20提问于2019-07-21得票数 0
回答已采纳
2回答
data": [ "type": "basketball", }
<div>
{data && data.data.map</em
浏览 21提问于2020-06-15得票数 1
回答已采纳
我正在从一个链接到别名字段的Firebase集合中获取一个URL。这部分代码是可以的，但我无法使用检索到的数据的URL字段进行重定向。这是我的代码：import { useParams, Redirect } from 'react-router-dom' dbRef.where('alias'
浏览 1提问于2020-07-17得票数 0
我的应用程序有两个components.When，我把道具从父母传给孩子，然后使用map迭代道具，然后在todoItemListjs组件中返回一个列表，但是它会产生一个错误。必须返回有效的React元素(或null)。您可能已返回未定义的数组或其他无效对象。这是我的部件 var React=require('react');
import TodoListItem from '.
浏览 4提问于2017-07-19得票数 1
回答已采纳
我想从App.js导航到我的tab.ie文件，而不打开一个新的tab.ie，它应该在浏览器的同一个选项卡上打开。<!className="App-logo" alt="logo" />
<a target="_blank" href={process.env.PUBLIC_URL + "map.html"}&g
浏览 7提问于2022-04-16得票数 0
回答已采纳
2回答
我正在尝试迭代我的reactjs中的一个对象，但遇到了问题。它不显示任何内容。这是小提琴- http://jsfiddle.net/8e039Ltw/ Reactjs代码：- class TodoApp extends React.Component { } return ( {Ob
浏览 17提问于2020-01-22得票数 1
1回答
我有一个__mocks__文件夹，其中包含子组件的模拟：import React from 'react' return <div>ChildComponent Mock</div>export default ChildComponent//ParentComponent.test.tsxChildComponent'
浏览 1提问于2022-08-15得票数 -1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
