목록jsx반복문 (1)

개발자로 전향중

react(리액트) JSX 배열 반복문 렌더링 - for/map/forEach

자바스크립트 반복문을 통해 DOM에 JSX을 렌더링하고 싶을 때 function App() { const weekArr = ["MON", "TUE", "WED", "THU", "FRI", "SAT", "SUN"]; return ...; } 아래처럼 컴포넌트 return문 안에서 for문은 못씁니다. // wrong function App() { const weekArr = ["MON", "TUE", "WED", "THU", "FRI", "SAT", "SUN"]; return ( { for ( let i = 0; i < weekArr.length; i++) { {weekArr(i)} } } ) } 방법은 두가지 1. return문에서 JSX를 반환하는 함수 호출 (JSX 루프 렌더링 시에 반드시 key값을..
React 2022. 1. 22. 16:56
이전 Prev 1 Next 다음