어떤 값이 undefined일 수도 있다면, OR(||) 연산자를 사용하면 해당 값이 undefined일 때 사용할 값을 지정할 수 있으므로 간단하게 오류를 방지할 수 있습니다.

import React from 'react';
import './App.css';
 
function App() {
const name = undefined;
return name || '값이 undefined입니다.';
}
 
export default App;

반면 JSX 내부에서 undefined를 렌더링하는 것은 괜찮습니다.

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