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.