React -6

이런식으로 코드를 바꿨는데 오류가 뜨고 진행되지 않는다 이유는?
유효하지가 않는데 리액트 컴포넌트에는 컴포넌트 안에 변환하는 html파일 즉 JSX코드 안에 중요한 규칙이 하나 있기 때문이다.
반환하는 문장마다 또는 JSX코드 조각마다 반드시 한 개의 루트 요소를 갖음
여러개의 <div>태그가 있는데 위 문장에선 2개의 루트요소를 갖는다는 것

• <div>Date</div>
• <div><h2>title</h2><div>Amount</div></div>

왜 안되는 것인지는 좀 더 깊은 강의 섹션에서 설명(.... 정리중인데 이렇게 되면 어이가 없다ㅠㅠ)

어떻게 작업할 것인가?

가장 쉬운 방법 중 하나는

• 또다른 <div> 태그로 감싸주는 것
  

-> 이것은 javascript에게 이것은 한 문장이라고 신호를 보내는 것!