[Error] React 'Uncaught Error: App(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null.'

react

 

Error : Uncaught Error: App(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null.

 

 

노마드 코더의 'ReactJS로 영화 웹 서비스 만들기' 강의 들으면서 치는데 혼자 이 에러가 나서 열심히 찾아보다가 찾은 해결책.

 

 

 

문제가 되고 있던 코드 : 

const App = () => {
      const data = React.useState();
      console.log(data);
      return 
      (
      <div>
      	<h3>Total Clicks: 0</h3>
      	<button>Click me</button>
      </div>
      );
}
ReactDOM.render(<App />, root);

 

해결 방법은 진짜 매우 간단....

 

수정 코드 : 

const App = () => {
      const data = React.useState();
      console.log(data);
      return (
      <div>
      	<h3>Total Clicks: 0</h3>
      	<button>Click me</button>
      </div>
      );
}
ReactDOM.render(<App />, root);

 

차이가 보이시나요 ..? 

//error
return 
(

//no error
return (

 

네 정말 이 차이입니다..! 요렇게 해서 에러 해결했습니다.

 

 

요런 사소한 차이로 에러가 발생하니, 조심하시길!!