[생활코딩-React] State 사용

[출처 : Youtube - 생활코딩]

https://youtu.be/e2c1EUcW7oo?list=PLuHgQVnccGMCRv6f8H9K5Xwsdyg4sFSdi

오늘 배우는건 이해하려하지말고 그냥 그렇구나 하고 받아들이는게 편하다고 한다...

 

※주의 : 리액트에서는 props에 따옴표를 쓰면 문자로 인식을 한다.

문자가 아니라 자바스크립트의 코드로서 실행하게하고싶으면 중괄호{}를 사용하면 된다.

 

 

 

src/App.js

import './App.css';
import TOC from "./components/TOC";
import Content from "./components/Content";
import Subject from "./components/Subject";
import React, { Component } from 'react';

class App extends Component {
  constructor(props) {  // constructor 함수는 초기화를 담당한다.
    super(props);
    this.state = {
      subject:{title:'WEB', sub:'World Wide Web!'}
    }  // state의 값을 초기화한다.
  }
  render() {
    return (
      <div className="App">
        <Subject title={this.state.subject.title} 
        sub={this.state.subject.sub}>
        </Subject>
        <TOC></TOC>
        <Content title="HTML" desc="HTML is HyperText Markup Language."></Content>
      </div>
    );
  }
}

export default App;