분류 Reactjs

JSX로 루프 오버 및 데이터 표시 - challenge 2

컨텐츠 정보

  • 조회 309 (작성일 )

본문

데이터는 모든 모양과 크기로 제공됩니다. 자바 스크립트에서 배열은 데이터 집합을 유지하는 방법입니다. 대부분의 사이트 콘텐츠에 대해 일련의 개체를 사용합니다.


https://scotch.io/courses/10-react-challenges-beginner/loop-over-and-display-data-with-jsx 


루프를 통해 배열의 데이터를 표시하는 것은 필수 기술입니다. 


이 React 도전 과제에서는 배열 데이터를 반복하고 각 항목의 정보를 표시합니다.


과제 : 배열에 대한 루프 


이 문제를 해결하려면 사용자 배열이 있어야 합니다. JavaScript의 .map()을 사용하여 해당 사용자를 반복하십시오.


사용 된 기법 :이 과제가 끝나면 다음과 같은 작업을 수행 할 수 있습니다.

  • .map() 메서드를 사용하여 데이터를 렌더링 합니다.
  • 개체 배열의 데이터를 구문 분석하고 표시합니다.

시동 코드 


마지막 페이지는 다음과 같습니다.


phkw4arzgodmprvazx45.mp4 


https://codesandbox.io/s/o41ry580w9 



JSX