Question

我制作了cardList，并希望通过地图将卡片添加到cardlist中，但出现此错误

import React from 'react';
import Card from './Card';

const Cardlist = ({robots})=>{
    const cardComponent = robots.map((user,i) => {
       return <Card name = {robots[i].name} id ={robots[i].id} email = {robots[i].email} />
    })
    return (
      <div>
        {cardComponent}
      </div>
    );
}

export default CardList;

Answer 1

由于未正确导出Cardlist，因此未定义Cardlist。

export default CardList;

应该成为

export default Cardlist;

Answer 2

您已使用名称MaxJavaStackTraceDepth=-1 is outside the allowed range[0 ... 1073741823]. Improperly specified VM option 'MaxJavaStackTraceDepth=-1' Failed to create JVM. JVM Path: C:\Program Files\Android\Android Studio\jre\jre定义了组件，并使用Cardlist导出了此处的错字。您的出口应该是这个，

CardList

此外，在安装组件时，您的export default Cardlist数组可能不包含数据并且失败。

您应始终检查是否存在数据，

robots

注意：：如果您已经遍历数组并将每个元素放入const cardComponent = robots && robots.length && robots.map((user,i) => { return <Card name = {robots[i].name} id ={robots[i].id} email = {robots[i].email} /> })中，则可以直接使用user来获取数据。

user

未定义卡列表no-undef

2 个答案: