Comment utiliser le hook useState pour changer dynamiquement la couleur d'arrière-plan dans l'instruction if dans React
P粉158473780
2023-08-14 20:21:13
<p><br /></p>
<pre class="brush:php;toolbar:false;">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)
}</pré>
<p>Je souhaite utiliser useState dans l'instruction if pour changer la couleur d'arrière-plan</p>
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
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 :
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.