[React] Component (클래스형)

State

 state는 Component가 가지고 있는 데이터

 

Props

props는 Component가 부모 Component로부터 받아온 데이터

 

부모 컴포넌트

import logo from './logo.svg';
import './App.css';
import { BucketList } from "./BucketList";
import React from 'react';
// import BucketList from './BucketList';   //import 방법 2가지 

class App extends React.Component {
  constructor(props) {
    super(props);

    this.state = {
      list: ["영화관 가기", "매일 산책하기","매일 TIL 쓰기"],
    };
  }

  render() {
    console.log(this.state.list); 
    return (
    <div className='App'>
        <BucketList list={this.state.list_a}/>
      </div>
    );
  }
}