2021.02.09 / React - state

생활코딩 15.1,2강 - state

 

props는 사용자에게 중요한 정보이다.

props 값에 따라서 내부 구현에 필요한 데이터들을 state라고 한다.

state를 사용하면 컴포넌트 내부적으로 사용하는 것들이나

외부에서 알 필요가 없는 정보들을 철저하게 숨길 수 있다.

class App extends Component {
  constructor(props) {
    super(props);
    this.state = {
      Subject:{title:'WEB', sub:'World wide web!'}
    }
  }
  render() {
    return (
      <div className="App">
          <Subject 
          title={this.state.Subject.title} 
          sub={this.state.Subject.sub}>
          </Subject>
          <Subject title="React" sub="For UI"></Subject>
          <TOC></TOC>
          <Content title="HTML" desc="HTML is HyperText Markup Language."></Content>
      </div>
    );
  }
}

 

 

참고

- www.youtube.com/watch?v=rOpg2KUPW2M&list=PLuHgQVnccGMCRv6f8H9K5Xwsdyg4sFSdi&index=16

- www.youtube.com/watch?v=e2c1EUcW7oo&list=PLuHgQVnccGMCRv6f8H9K5Xwsdyg4sFSdi&index=17