javascript - 里面的 ReactJS 代码{...}不渲染
问题描述
我正在尝试在其中生成列表及其项目<div>
,但由于某种原因,代码没有呈现。
<div>
{
sarasas.map((obj, key) => {
console.log("cia irgi")
return (
<ul>
<li>{obj.vardas}</li>
<li>{obj.pavarde}</li>
<li>{obj.data}</li>
<li>{obj.klase}</li>
<li>{obj.info}</li>
</ul>
)
})
}
</div>
div 显示,但里面的所有内容都没有。这是组件的一部分。其他一切正常,我什至不知道如何解决这个问题。该数组不为空,其中的所有对象都具有所有值。连console.log
作品都没有。
编辑:我曾经console.log
查看数组是否充满了对象:
const sarasas = []
const updateStudentInfo = () => {
for(let i = 0; i < localStorage.length; i++){
storedItems = JSON.parse(localStorage.getItem(i))
sarasas.push(storedItems)
}
console.log(sarasas)
}
它表明数组中有 3 个对象sarasas
。
解决方案
请试试这个
演示:-
<div>
{
sarasas?.map((obj) => (
<ul>
<li>{obj.vardas}</li>
<li>{obj.pavarde}</li>
<li>{obj.data}</li>
<li>{obj.klase}</li>
<li>{obj.info}</li>
</ul>
))
}
</div>
推荐阅读
- javascript - 如何使用 Strapi 创建自定义注册和登录 API?
- php - 如何预测不断变化的多维数组并将所有数据关联到适当的位置
- python - Python中的X到Y。试图计算 X^Y
- angular - 如何使用 JSON 模式在 Angular 中实现动态表单渲染?
- oracle - Solaris 11 上的 Oracle 12C RAC - 随机连接超时
- c# - 如何快速输入DataTable?或者将数据永久保存到 DataTable 中?
- haskell - 如何将 Megaparsec 与 Text.Read (派生的 Read 实例)结合使用
- java - 如何修复 HQL 查询中的“意外令牌”错误
- flutter - Flutter 中 SliverAppBar 和 SliverList 之间添加空格
- python - 自定义数字格式