동적 key 값
const [progress, setProgress] = useState(0);
let answer = {
[`answer${progress + 1}`] : data;
};
React 배열 업데이트
const { name, nickname } = inputs; // 비구조화 할당을 통해 값 추출
const onChange = (e) => {
const { value, name } = e.target; // 우선 e.target 에서 name 과 value 를 추출
setInputs({
...inputs, // 기존의 input 객체를 복사한 뒤
[name]: value // name 키를 가진 값을 value 로 설정
});
};
배열안에 객체 값 변경
let copyArray = [...this.state.dummyBankInfoJson];
copyArray.map((item, index) => {
copyArray[index] = {...item, 'active': false}
})
this.setState({
dummyBankInfoJson : copyArray
})
중첩 객체 변경
//* 호출
this.props.reducerTemp({"data": mydaya, "key": "a"});
//* state
state = {
corporateUpload: {
a: {},
b: {},
c: {},
d: {},
e: {},
f: {},
g: {},
}
}
//* reducers
case types.SET_TEMP:
return {
...state,
key: {
...state.key, [`${action.payload.key}`] : {...action.payload.data}
},
};