프로그래밍/React, React-Native
2022. 3. 9.
버튼 클릭 시 버튼 색 바꾸기 - State 업데이트를 잘못한 경우
버튼을 클릭할때 마다 버튼 색깔이 변하도록 만들어 보자. useState를 사용하여 isSelect라는 변수를 false 로 초기화 한 후 button을 클릭할 때마다 isSelect 의 상태를 변경시켜주면된다. 이 단순해 보이는 작업에서 isSelect의 상태를 올바르게 업데이트 하지 않은 경우 아무런 동작이 일어나지 않는 것 처럼 보일 수 있는데, 오늘은 이 잘못 업데이트 하는 경우와 바르게 업데이트 하는 경우(배열형태와 딕셔너리 형태)를 비교하여 볼 예정이다. 원하는 결과를 미리보면 아래와 같다. 1. 문제 코드 useState 를 사용하여 버튼의 갯수만큼 false 배열을 초기화해 준다. const [isSelect, setSelect] = useState([false, false, false]..
