State

import React, { useState } from 'react';

function App() {
    // ES6 destructuring
    let [state, setState] = useState(initialState);
}

state를 쓰는 이유

• 변수가 변경될 때 자동으로 관련된 HTML을 재렌더링하기 위해

state 변경하기

<span onClick={ ()=>{ setState(state + 1) } } ></span>

• onClick={} 내부에 함수를 넣을 때는 괄호 없이 입력한다.

function myFunc() {
    // do something
}

...

<span onClick={ ()=>{ myFunc } } ></span>

• array 내부의 값을 변경할 때는 deep copy를 사용한다.

function changeTitle() {
  let newTitle = [...title]; // deepcopy
  newTitle[0] = "React 톺아보기";
  setTitle(newTitle);
}