React中遍历数组生成标签

React中遍历数组生成标签

举一个例子，一个列表根据数组渲染li元素，在vue中一个v-for就解决了，那在React中怎么实现呢？这里我们直接引入的React文件，没用脚手架

let arr = [1,2,3];
        ReactDOM.render(<ul>
                {
                    arr.map(value => <li key={value}>{value}</li>)
                }
            </ul>,document.querySelector('#root'))

但这里为什么用map方法呢，因为map会返回一个新数组，在这个地方就等价于返回了这个数组

let arr = [<li>1</li>, <li>2</li>, <li>3</li>]

渲染的也就是这个数组，对前端感兴趣的小伙伴可以加我QQ：1627889159