props 오류 질문

[윤준호]

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

이렇게 해서 글제목state를 자식컴포넌트로 보내고

function Modal(props){  
  return (
    <div className="modal">
        <h4>{ props.글제목 }</h4>
        <p>날짜</p>
        <p>상세내용</p>
    </div>
  )
}

여기까지 하면 부모에게서 받아온 컴포넌트가 잘 출력됩니다. 근데
<h4>{ props.글제목 }</h4> 이걸 <h4>{ props.글제목[0] }</h4> 이라고 하면 
Cannot read properties of undefined (reading '0') 이란 오류가 납니다. 

props가 잘 된거 같은데 왜 [0]를 사용하면 이런 오류가 나는걸까요?

[codingapple]

글제목이 array자료 맞나 확인해봅시다

[윤준호]

let [글제목, 글제목변경] = useState(['남자코트', '여자코트', '코카콜라']);

이렇게 어레이형 자료로 있습니다..ㅜ

[윤준호]

해결했습니다. 다름이 아니라, 
props의 갯수가 맞지 않아서 에러가 생긴거 같습니다. 

자식 컴포넌트가 부모의 state를 쓰면 모든 해당하는 자식 컴포넌트는 props를 사용해야하는 것 맞나요?
이걸 맞춰주니 에러가 해결되더라구요.

[codingapple]

자식은 props 안써도 상관없습니다

[글쓴이]

글