2.4.5 undefined를 렌더링하지 않기

    리액트 컴포넌트에서는 함수에서 undefined만 반환하여 렌더링하는 상황을 만들면 안 됩니다. 예를 들어 다음과 같은 코드는 오류를 발생시킵니다.

    src/App.js

    import React from 'react';
    import './App.css';
     
    function App() {
      const name = undefined;
      return name;
    }
     
    export default App;

     

    코드를 저장한 후 브라우저를 확인해 보면 다음과 같은 오류를 볼 수 있습니다.

    App(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null.
    신간 소식 구독하기
    뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.