[TIL-140] 위코드 41일차: setState 하다가 발생한 에러

ReactJS

 

const 키워드로 선언한 state

문제

const [count, setCount] = useState(1);

function countDown() {
    if (count > 1) {
      setCount(count - 1);
    }
}

 

setCount(count--)라고 쓰면 안됨.... 왜? ++도 마찬가지.... count - 1이라고 쓰라고 함.

 

해결

"count is constant."

esLint가 알려준 에러문을 확인하면 위와 같다.

count는 const 키워드로 선언된 state이다. 그런데 count++라고 하면 count = count + 1 인 셈이므로 count의 값을 재할당하게 된다. 즉, 나는 count++가 count + 1이라 생각하고 썼지만 count = count + 1이기 때문에 일어난 문제였다.

개념을 똑바로 익히고 있어야 한다는 점을 다시 한 번 느낌...

 

 

---

CSS

 

css 속성값 가져오기

1. getPropertyValue & getComputedStyle
   1. https://homzzang.com/b/js-1901
2. Jqery 이용 : https://www.codingfactory.net/10265