首页 > 试题广场 >

在React中渲染列表应该使用哪种方法？

[单选题]

在React中渲染列表应该使用哪种方法？ 

  • map()
  • reduce()
  • createList()
  • every()
查看正确选项
添加回答
写前端的刻猫猫头像 写前端的刻猫猫

React 拥抱函数式编程

推荐使用 map() filter() reducer() 等函数组合 /链式编程, 而不是使用forEach()

React使用map来渲染列表,记得给列表项添加key标识

import React, { useState } from 'react';

const App() => {
 const initialValue = [
   "Star Wars", "Return of the Jedi", "Empire Strikes Back",
 ]

 const [ movies, setMovies ] = useState(initialValue);

 return (
   <>
     {movies.map((movie) => {
       return <div key={movie}>{movie}</div>;
     })}
   </>
 );
}

export default App;
发表于 2022-07-06 14:42:19 回复(1)
珠江牛塘头像 珠江牛塘
使用 map() 可以将每个数组元素修改为标签形式，随后返回一个修改后的新数组
JSX 会自动展开数组，将数组元素放在父级虚拟 DOM 中，最终渲染成真实 DOM
发表于 2022-08-18 10:15:52 回复(0)
提交观点

问题信息

上传者：小小
难度：
2条回答 1315浏览

热门推荐

相关试题

扫一扫，把题目装进口袋

求职之前，先上牛客

扫描二维码，进入QQ群

扫描二维码，关注牛客公众号