분류
Reactjs
JSX로 루프 오버 및 데이터 표시 - challenge 2
본문
데이터는 모든 모양과 크기로 제공됩니다. 자바 스크립트에서 배열은 데이터 집합을 유지하는 방법입니다. 대부분의 사이트 콘텐츠에 대해 일련의 개체를 사용합니다.
https://scotch.io/courses/10-react-challenges-beginner/loop-over-and-display-data-with-jsx
루프를 통해 배열의 데이터를 표시하는 것은 필수 기술입니다.
이 React 도전 과제에서는 배열 데이터를 반복하고 각 항목의 정보를 표시합니다.
과제 : 배열에 대한 루프
이 문제를 해결하려면 사용자 배열이 있어야 합니다. JavaScript의 .map()을 사용하여 해당 사용자를 반복하십시오.
사용 된 기법 :이 과제가 끝나면 다음과 같은 작업을 수행 할 수 있습니다.
- .map() 메서드를 사용하여 데이터를 렌더링 합니다.
- 개체 배열의 데이터를 구문 분석하고 표시합니다.
시동 코드
마지막 페이지는 다음과 같습니다.
https://codesandbox.io/s/o41ry580w9
- 이전글React State를 사용하여 DOM 업데이트 - challenge 3 19.08.02
- 다음글JSX로 간단한 데이터 표시 - challenge1 19.08.01