컴포넌트를 렌더링 할 때 새로운 데이터를 생성해야 한다던지, 기존의 데이터를 참고해서 새로운 데이터를 만들어야 할 때 사용할 수 있습니다.
위의 코드처럼 app.js를 수정할시 이미지처럼 hello react 라는 텍스트가 출력됩니다.
코드에 {this.state.hello}라는 부분이 문자열이 들어가있는 state 변수입니다.
위의 코드에서 알겠지만 JSX에서 변수를 사용할 때는 중괄호 {}에 담아야합니다.
indexjs에서 App의 text를 주어서 이를 props로 받아서 사용할 수 있습니다.