state

동적데이터를 다룰때 사용. 언제든 변경될 가능성이 있는 데이터.

state는 클래스 컴포넌트에서 사용할 수 있음.

<클래스 컴포넌트>
./src/App.js
App 클래스가 React.Component클래스를 상속받도록 extends React.Conponent를 붙이는 것이다.

• '리액트가 제공하는 component를 상속받는다?
  상속은 클래스에 다른 클래스의 기능을 추가하게 해준다.

class App{
//nothing

}

class App extends React.Component{
// App 클래스에 리액트 컴포넌트 클래스의 기능을 추가하는 것.
}

클래스 형태의 app component를 작성했다.
이제 app component 가 JSX를 반환해야한다.

근데 app component는 'class'라서 return을 사용할 수 없다.

따라서, class형 app component는 JSX를 반환하기 위해서 render()함수를 사용해야한다.
!! function 형 component는 return 문으로,
class 형 component는 render()함수로 jsx를 반환

```

./src/App.js

import React from 'react';

class App extends React.component {
render() {
return 코드를 쓰면 웹에 나타나요!;
}
}

export defaul App;

클래스형 컴포넌트는 reder()가 JSX 를 반환한다. 

지금까지 class App extends React.Component
(클래스형 컴포넌트)를 기술한 것. 
(왜냐면 state를 알기 위해서) 
state 는 state={}; 로 표기한다.



_