React 기초~맵 함수/ 데이터 목록~

• 데이터 목록을 표시하고 싶을 때 어떻게 하나요?

・src/Example.js

const animals = ["Dog", "Cat", "Rat"];

const Example = () => {
  return (
    <>
      <ul>
        {/* Not using the map function. */}
        <li>{animals[0]}</li>
        <li>{animals[1]}</li>
        <li>{animals[2]}</li>
      </ul>
    </>
  );
};

export default Example;

• 이 코드는 데이터 목록을 올바르게 표시합니다.

・src/Example.js

const animals = ["Dog", "Cat", "Rat"];

const Example = () => {
  return (
    <>
      <ul>
        {/* Using the map function. */}
        {animals.map((animal) => (
          <li> {animal}</li>
        ))}
      </ul>
    </>
  );
};

export default Example;

• 데이터 목록을 표시할 때 지도 기능을 사용하여

요소.
요소.

• 이번 코드는 이전 코드보다 깔끔해졌습니다.

・이것은

요소.

・화면에 나타난 결과입니다.

위 내용은 React 기초~맵 함수/ 데이터 목록~의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!