[react] Cannot assign to 'i' because it is a constant 오류 해결

react error

 

리액트로 hooks로 숫자를 증가 시키는 메소드 코드를 삽입하다가 나온 오류 메시지 입니다.

const [i, setI] = useState(0);

const onIncrement = () => { //클릭시 숫자 증가
 if (i < 10) {
 	i = i+1
 }
 return SetI(i);
}

 

오류 메시지

Cannot assign to 'i' because it is a constant.

 

해결 방법

변수 const 를 let으로 바꿔 줍니다.

const는 한번 값을 할당하면 값이 절대 바뀌지 않습니다. (immutable data type)
값을 선언함과 동시에 할당한 뒤로는 값 변경이 불가능하기 때문에 let으로 바꿔줘야 합니다.