setState는 어떤 일을 하나요?
setState()는 컴포넌트의 state 객체에 대한 업데이트를 실행합니다. state가 변경되면, 컴포넌트는 리렌더링됩니다.
위코드는 카운트를 올리는 방법입니다.
보시면 state 변수에 count에 value를 변경해주는것이 아니라
setCount에 값을 더해주고 있습니다.
useState라는 훅(Hook)을 사용해야 합니다. useState는 State 변수의 초기값을 매개변수로 전달 하여 호출하며, 결과값으로는 배열을 반환하게 됩니다. 반환된 배열에서는 useState 함수를 호출할 때 설정한 초기값이 할당된 변수와 해당 변수를 수정하기 위한 Set 함수가 포함되어 있습니다.
const 배열 = useState (데이터 초기값);
const [변수명, Set함수명] = useState (데이터 초기값);배열[0]: 데이터 초기값이 들어간 변수
배열[1]: 데이터를 수정할 수 있는 Set 함수
보통은 반환된 결과값을 자바스크립트의 구조 분해 할당(Destructuring assignment)을 통해 변수와 Set 함수를 할당하여 사용하게 됩니다.
props
props 사용하면 UI를 독립적이고 재사용 가능한 부분으로 분할하고 각 부분을 개별적으로 생각할 수 있습니다
개념적으로 props는 JavaScript 함수와 같습니다. 그들은 임의의 입력("props"라고 함)을 수락하고 화면에 표시되어야 하는 내용을 설명하는 React 요소를 반환합니다.
위코드는 컨테이너에서 작성했습니다. presenter(자식)로 물려주기 위해
props를 사용했습니다.
props사용하여 컨테이너에서 작성한 함수와 또는 useState를 활용하여 변수들을 물려줄수 있습니다.
