[React] useState 객체 값 변경하기

useState의 값을 객체로 가지고 있을 때, 객체 내용을 업데이트 하는 방법이다. 

 

728x90

 

---

 

useState 객체 변경하기

1. setContition의 current 값을 가져온다.
2. 원하는 객체 key, value를 저장하고, 업데이트 된 객체를 리턴한다. 

 

전체 코드

import React, { useState } from "react";

function Test() {
    const [condition, setCondition] = useState({
        category: "",
        val1: "",
        type: "",
    });

    const changeCondition = (key, value) => {
        setCondition((current) => {
            let newCondition = { ...current };
            newCondition[key] = value;
            return newCondition;
        });
    };
    
    return (
        <>
        </>
    )
}