React의 상태(State) 소개
다음으로 살펴볼 개념은 상태(state)입니다. 상태는 컴포넌트의 반응형 변수를 나타냅니다.
반응성은 상태가 변경될 때 해당 상태가 사용되는 모든 곳에서 변경 사항이 발생한다는 것을 의미합니다. 기술적으로 이는 어떤 상태가 변경될 때 전체 컴포넌트를 다시 렌더링함으로써 달성됩니다.
상태를 사용하려면 먼저 useState 함수를
가져와야 합니다:
import React, { useState } from 'react';
useState 함수는 매개변수로 상태의 초기값을 받고, 그 결과로 특별한 두 요소의 배열을 반환합니다. 배열의 첫 번째 요소에는 상태의 현재값이 저장되고, 두 번째 요소에는 상태를 변경하기 위한 함수가 저장됩니다.
상태가 올바르게 작동하려면 상태를 직접 변경해서는 안 되며, 변경 함수를 사용해야 합니다. 그러면 반응성이 작동할 것입니다.
