let element = (<ul>{data.map(v => <li key={v.id}>{v.text}</li>)}</ul>);

来源:14-5 如何进行条件渲染与列表渲染

xiexie飞蓬

2023-01-05

1.let element =

  • {data.map(v =>
  • {v.text})}
这里不要圆括号可以吗?

2.key={v.id}这样写控制台报错,key={v.text}这样写就不报错了,key={v.text}这样写可以吗?

写回答

1回答

西门老舅

2023-01-06

你好,

问题1:let element = (<ul></ul>)中不写小括号是可以的,即 let element = <ul></ul>

但最好写上,这样表明小括号内是JSX语法

问题2:key={v.id}控制台报错,可能是v.id有重复的值,只要保证v.id是唯一值就没有问题的

1
0

Vue3 + React18 + TS4入门到实战 系统学习3大热门技术

专为初级前端人员设计,系统性学习三大技术

264 学习 · 182 问题

查看课程