[react 기록용]1-9. Map: 많은 div들을 반복문으로 줄이기

 

import React, { useState } from 'react';
import './App.css';


function App() {
  let [글제목, 글제목변경] = useState(['남자 코트', '강남 맛집', '파이썬 배우기']);

  //반복문 방법1
  function 반복된UI(){
    var 어레이 = [];
    for (var i = 0; i < 3; i++){
      어레이.push(<div>안녕</div>);
    }
    return 어레이
  }

  return (
    <div className="App">
    
      { 반복된UI() }
      
    //반복 방법2
      {
        글제목.map(function(글){
          return  (
                    <div className="list">
                      <h3>{ 글 } </h3>
                      <p>2월 17일 발행</p>
                      <hr />
                    </div>
                  )
        })
      }
    </div>
  );
}

export default App;