useState 후크를 사용하여 React의 if 문의 배경색을 동적으로 변경하는 방법

Question

const [temperatureColor, setTemperatureColor] = useState({color:"navyblue"});

const 온도 증가 = () =>
    if (온도 값 === 30) 반환;

    const newTemperature = 온도 값 + 1;

    setTemperatureValue(newTemperature)

    if(newTemperature >= 15 ){
        setTemperatureColor({ color: isChecked ? "navyblue" : "red" });
    }
}

const TemperaturDecrement = () =>
    setTemperatureValue(온도값 - 1)
}

if 문에서 useState를 사용하여 배경색을 변경하고 싶습니다

Answer 1

다음과 같이 상태 변수를 문자열로 설정해야 합니다.

으아악

그런 다음 다음과 같이 값을 업데이트합니다.

으아악

그리고 아래와 같이 JSX에서 해당 문자열 값을 사용하세요.

으아악

도움이 되기를 바랍니다.