React基础之循环渲染

编程入门行业动态更新时间:2024-10-11 09:29:01

React<a href=https://www.elefans.com/category/jswz/34/1770030.html style= 基础之循环渲染"/>

React基础之循环渲染

let arr = [{id: 1,name: "李狗蛋",},{id: 2,name: "李大柱",},{id: 3,name: "赵四",},{id: 4,name: "王五",},
];
const loadData = () => {return (<ul>{arr.map((i) => (<li key={i.id}>{i.name}</li>))}</ul>);
};
const title = <div>{loadData()}</div>;
ReactDOM.render(title, document.getElementById("root"));

更多推荐

React基础之循环渲染

本文发布于:2024-02-26 18:28:43，感谢您对本站的认可！

本文链接:https://www.elefans.com/category/jswz/34/1703459.html