나가기
🌐 웹 개발 기초›리스트 렌더링과 조건부 표시1/6
배열의 각 요소를 JSX로 변환하면 리스트 완성!
jsx
1const fruits = ["사과", "바나나", "포도", "딸기"];23function FruitList() {4 return (5 <ul>6 {fruits.map((fruit, index) => (7 <li key={index}>{fruit}</li>8 ))}9 </ul>10 );11}1213// 결과:14// • 사과15// • 바나나16// • 포도17// • 딸기탭하여 계속 ▸
1 / 6