react 怎么循环列表? 下面本篇文章给大家介绍一下 react 循环列表. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
react 循环列表
- const state=persons:[{name:'小仙女',age:'18'},{name:'小玉',age:'18'},{name:'家璇',age:'18'}];
- let vdom=(
- <ul>
- state.map((data,index)=>{
- <li key={index}>{data,index}</li>
- //key 代表索引, 唯一值
- })
- </ul>
- )
- ReactDOM.render(vdom,document.getElementById('example'))
react 列表渲染时为什么尽量不要把索引设置为 key 值
核心内容: React 是根据组件上设定的 key 属性来生成该组件唯一的标识, 只有 key 改变了, React 才会更新组件, 否则重用该组件. 如果想要更新组件内容, 请保证每次的 key 都不一样.
更多 web 前端 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/react/18607.html