Comment utiliser le hook useState pour changer dynamiquement la couleur d'arrière-plan dans l'instruction if dans React

Question

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

const TemperatureIncrement = () =>
    if (temperatureValue === 30) return ;

    const newTemperature = températureValue + 1 ;

    setTemperatureValue(nouvelleTempérature)

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

const TemperaturDecrement = () =>
    setTemperatureValue (températureValue - 1)
}
Je souhaite utiliser useState dans l'instruction if pour changer la couleur d'arrière-plan

Answer 1

Vous devez définir votre variable d'état sur une chaîne, comme ceci :

const [temperatureColor, setTemperatureColor] = useState("navyblue");

Puis mettez à jour la valeur comme ceci :

setTemperatureColor(isChecked ? "navyblue" : "red");

Et utilisez cette valeur de chaîne dans votre JSX comme ci-dessous :

<View style={{ color: temperatureColor }}></View>

J'espère que cela vous aidera.