-
Jsx 중괄호 내에서 for문을 사용할 수 없다.
목록 탐색하는 map는 사용할 수 있다.
{ arr1.map(() => { return<HTML> }) }for사용
function Childs1(props: any): any { let ar1 = []; for (let i = 0; i < 10; i++) { ar1.push( <div> Childs1 </div> ); } return ar1; } export default function App1() { return ( <div > <h1> hello world h1 </h1> <Childs1 /> </div> ); }
map사용
export default function App1() { let ar1 = [1, 2, 3, 4, 5]; return ( <div > <h1> main h1 </h1> {ar1.map((v1) => { return <div> Childs1 + {v1} </div> })} </div> ); }
'React' 카테고리의 다른 글
Data 가져오기 (useSWR) (0) 2023.01.23 Data 가져오기 (fetch, useState, useEffect) (0) 2023.01.23 styled-jsx/css 스타일 적용 (0) 2022.12.23 react-icons (0) 2022.12.23 React HelloWorld Tsx파일 Ex (0) 2022.12.20 React 에서 서버와 연동 (0) 2022.11.25 NodeJs & Typescript 기반에서 React 배포 (0) 2022.11.20 React 빌드와 테스트 (0) 2022.11.20