Memo

Jinmin Kim·2022년 8월 2일
0

동적 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}
                },
            };
profile
Let's do it developer

0개의 댓글