생활코딩 React 2022 6강 정리

파일은 App.js에서 수정이 이루어진다.

특정 이벤트 출력시키기

• prop로 짜주면된다. 대신 함수로.

ex.

function Header(props){
  return <header>
    <h1><a href="/" onClick={function(event){
    event.preventDefault();
    props.onChangeMode();
    }}>{props.title}</a></h1>
    </header>
}


function App(){
  return {
  <Header title="WEB" onChangeMode={function(){
  alert('Header')}}></Header>
  }
}

생활코딩 React 2022 7강 정리

정리

react 컴포넌트에는 입력과 출력이 있는데 prop을 통해서 입력된 데이터를 return으로 새로운 UI로써 출력된다.

STATE

prop과 함께 컴포넌트를 다시 실행해서 새로운 return값을 만들어 주는 것을 state라고 한다.

prop은 컴포넌트를 사용하는 외부자를 위한 데이터.

state는 컴포넌트를 만드는 내부자를 위한 데이터.

• state를 사용하기 위해서는 import {useState} from ‘react’; 가 필요하다.
• useState(‘’);