[React] State와 생명주기

1. State 1) State 란? 영단어 state 는 상태라는 뜻을 가지고 있습니다. 리액트에서 state 는 리액트 컴포넌트의 상태를 의미합니다. 여기서 상태라는 단어가 정상인지 비정상인지를 나타내는 것이라기 보다는 리액트 컴포넌트의 데이터라는 의미에 더 가깝습니다. 쉽게 말하면, 리액트 컴포넌트의 변경 가능한 데이터를 state 라고 부릅니다. state 를 정의할 때 중요한 점은 렌더링이나 데이터 흐름에 사용되는 값만 state 에 포함시켜야한다는 것입니다. 왜냐하면 state 가 변경될 경우, 컴포넌트가 리렌더링되기 때문에 렌더링과 데이터 흐름에 관련없는 값을 포함하면 컴포넌트가 다시 렌더링되어 성능을 저하시킵니다. 그래서 렌더링과 데이터 흐름에 관련 있는 값만 state 에 포함하고, 그렇지 않은 값은 컴포넌트 인스턴스의 필드로 정의합니다. 2) State 의 특징 리액트의 state 는 그냥 하나의 자바스크립트 객체입니다. 아래 코드는 LikeButton 이라는 리액...

원문링크 : [React] State와 생명주기