React 구성요소에서 일반 변수를 사용하는 것은 나쁜 습관인가요?

Question

내 React 프로젝트에는 두 가지 상태 변수에 의존하는 변수가 필요합니다. 이 변수에 대해 useState를 사용해야 합니까, 아니면 의존하는 변수에만 사용해야 합니까?

예를 들어, 다음과 같은 디자인 패턴이 가능합니까?

const [number1, setNumber1] = useState(2);
const [number2, setNumber2] = useState(2);
const 합계 = 숫자1 + 숫자2;

아니면 합계를 상태로 생성하고 숫자 1 또는 숫자 2가 변경될 때(예: useEffect 콜백에서) useState를 사용하여 이를 업데이트해야 합니까?

Answer 1

이것은 단지 "받아들일 수 있는" 것이 아니라, 정확히 당신이 해야 할 일입니다!

사실 변경을 위해 추가 상태와 효과를 사용하는 것은 비효율적이고 불필요한 것으로 간주됩니다. ​​