object 형식 props

[이태성]

  let [글제목, 변경] = useState([
    {
      title: "간다",
      like_num: 0,
      date: '5/1',
    },
    {
      title: "난다",
      like_num: 0,
      date: '5/2',
    },
    {
      title: "단다",
      like_num: 0,
      date: '5/3',
    },
  ]);

 

      {
        modal === true? <Modal 글제목={글제목}/> : null
      }

let Modal = function(props) {
  console.log(props.글제목);
  return (
    <div className='modal'>
      <h4>{props.글제목[0]}</h4>
      <p>날짜</p>
      <p>상세내용</p>
    </div>
  )
}

 

글제목이라는 state를 array > object 형식으로 바꾸니 ..

아래 스샷과 같은 에러가 console에 뜨네요 ㅠㅠ

object라고 표현안될 이유가 없는거 같은데 왜 그럴까요 ...

 

[codingapple]

props.글제목[0] 까지만 하면 {} 이게 나와서 그렇습니다 

중괄호안에 있는 자료를 꺼냅시다 

[이태성]

{} 가 안나오는 이유를 알수 있을까요 ? 
{}라고 있더라도 결국 array 이니 {}도 같이 출력되더라도 나와야되는거 아닌가요 ...? 

[codingapple]

object 자료를 html에 그대로 끼워넣으면 에러납니다 

[글쓴이]

글