TypeError: Cannot read property 'map' of undefined

참고사이트

https://devbirdfeet.tistory.com/47

문제해결 #1

• &&을 이용한다.

• JavaScript에서 true && expression은 항상 expression으로 실행되고 false && expression은 항상 false로 실행된다. 따라서 조건이 참이면 && 바로 뒤의 요소가 출력에 나타난다. 거짓이면 React는 무시하고 건너뛴다.

return(
  <div>
    <h2>코로나 관련 뉴스<h2>
    <div className="news">
      // && 을 넣어주면 잘돌아간다
      {articles && articles.map(item => {
        return <p><a href={item.link}> {item.title} </a></p>;
	  })}
    </div>
  </div>
);

문제해결 #2

• 첫 렌더시 state 값을 받아오지 못해 undefined 로 들어가 생기는 이슈이기 때문에 초기값을 설정해줘도 된다.