Redux (2) 썸네일형 리스트형 (Redux) Cannot add property 0, object is not extensible 체크박스 리스트를 만들고 신청 완료 후 체크박스를 초기화하는 기능을 추가하려고 한다. 기존에 useState 단위 컴포넌트에서 관리하여 상태를 redux를 사용하여 전역으로 관리하고자 한다. 전역 상태 이름은 inquiryList이고 타입은 string[] 이다. input 태그에 onChange 함수 handleChecked를 연결하여 체크가 될때마다 inquiryList를 업데이트해준다. 기존에 작성한 코드이다. const handleCheckItem = (value: string, isChecked: boolean) => { let copy = inquiryList if (isChecked) { copy.push(value) } else if (!isChecked && inquiryList.incl.. (Redux) 리덕스에서 사용되는 키워드 액션(Action) 상태 변화가 필요할 때 액션이 작동한다. 액션은 하나의 객체로 표현되며 type 필드를 필수로 가진다. 나머지 값들은 개발자가 자유롭게 넣을 수 있다. 액션 생성함수(Action Creator) 액션을 만드는 함수이다. 받은 파라미터를 가지고 액션 객체 형태로 만들어 주면 된다. export function addTodo(data) { return { type: "ADD_TODO", data }; } export const changeInput = text => ({ type: "CHANGE_INPUT", text }); 보통 함수 앞에 export 키워드를 사용하여 다른 파일에서 불러와서 사용한다. 다만 액션 생성함수의 사용은 필수가 아니다. 액션을 발생시킬 때마다 직접 액션 객체를.. 이전 1 다음