代码之家 › 专栏 › 技术社区 › sourav podder

当myItems是一个空数组时,它会说“myItem”。map()不是一个函数。如何解决?

react-component typeerror reactjs

-1

sourav podder · 技术社区 · 2 年前

当项目处于myItems状态时,网站就正常了。但如果没有项目,网站就会崩溃。

const [myItems, setMyItems] = useState([]);

return (
<div className="container my-5">
  <div className="row g-5">
    {
      myItems?.map(myItem => <MySingleItem key={myItem._id} myItem={myItem} handleItemDelete={handleItemDelete} />)
    }
  </div>
</div>
);

1 回复 | 直到 2 年前

Azarro 2 年前

问题是你的 myItems 实际接收的值不是数组类型。

做

const myItems = 'b';
myItems.map((a) => a)

也会出现同样的错误 Uncaught TypeError: myItems.map is not a function .

它在告诉你 .map 不是函数,因为 我的物品 在那个时间点是另一回事。

检查一下你的手机使用情况 setMyItems 或者共享完整的代码,因为我认为您错误地将其设置为非数组类型。

推荐文章

sourav podder · 当myItems是一个空数组时,它会说“myItem”。map()不是一个函数。如何解决?

2 年前

CalifroniaKnowsHowToParty · 遇到“TypeError:无法读取未定义的属性(读取'num1')(14)”

2 年前

noiseymur · TypeError:useState不是函数或其返回值不可编辑

2 年前

ItIsAspect · 我如何允许我的程序在不获取Javascript中的类型错误的情况下检测密钥码?

2 年前

ncarrawa · 将1添加到i(递归)时出现类型错误

2 年前

Selene Platt · 窗如果首先显示日历对话框,则打开程序会导致错误“UncaughtTypeError:无法读取null的属性(读取“打开程序”)”

2 年前

Senku's Wife · 正在尝试解决“'TypeError:不支持+:'NoneType'和'int'”的操作数类型[closed]

2 年前

sushruthan · TypeError:hog()得到一个意外的关键字参数“Visualize”

2 年前

sgmagnotta · 为什么以前工作过的代码会出现TypeError?

2 年前

Kinak · Python中的“TypeError:__;对象不可订阅”以及如何修复它?

2 年前