img elements must have an alt prop, either with meaningful text, or an empty string for decorative images 경고

React를 이용해 img를 삽입하는 작업을 하다보니  img 부분에서 경고가 발생했다.

alt를 넣지 않아서 생기는 경고인데 alt는 시각장애인을 위한 정보이다. 이를 작성하는게 code style에 도움이 된다.

 

고로 경고문을 해결하려면 img 에 alt를 삽입해주도록 하자. 

function Food({name , picture}) {
  return (
  <div>
    <img src={picture} alt={name} />
  </div>
  );
}