[리액트를 다루는 기술] 7. 컴포넌트의 반복
·
Book
만약에 반복되는 코드를 작성해야한다면??? import React from 'react'; import PropTypes from 'prop-types'; const IterationSample = () => { return ( 눈사람 얼음 눈 바람 ); }; export default IterationSample; 이렇게 ... 반복되는 코드가있을수있다 그렇다면 파일용량도 증가되므로 낭비된다 그러면 어떻게 이런반복적인 내용을 효율적으로 보여줄까? 1. 배열의 map()함수 자바스크립트 배열 객체의 내장 함수인 map 함수를 사용해 반복되는 컴포넌트를 랜더링해줄수있다. 문법 const numbers = [1, 2, 3, 4, 5]; const result = numbers.map((num) => num ..