배열 속 데이터값 출력

오류내용

data의 길이가 0인데도 자꾸 저 Record of the day 문구가 뜬다.

{data.length > 0 && (
          <div className='text-2xl ml-40 mb-30' style={{
            borderBottom: '1px solid black', // 검은 줄 스타일 적용
            marginBottom: '20px',
            marginRight:'100px',
            clear: 'both',
        }}> Record of the Day</div> )}

해결방법

{data.some((arr) => arr.length > 0) && (
  <div className='text-2xl ml-40 mb-30' style={{
    borderBottom: '1px solid black', // 검은 줄 스타일 적용
    marginBottom: '20px',
    marginRight:'100px',
    clear: 'both',
  }}> Record of the Day</div>
)}

some() 메서드는 배열 내에서 조건에 부합하는 값이 하나 이상 존재하는지 확인하며, 배열의 각 원소마다 콜백 함수를 실행한다. 이 콜백 함수에서는 배열의 길이가 0보다 큰지를 확인하고, 적어도 하나의 배열이 원소를 가지고 있다면 true를 반환한다.
따라서 위 코드는 data 배열 중 하나 이상의 배열이 원소를 가지고 있으면 Record of the Day라는 텍스트를 보여준다.