Cara menggunakan cangkuk useState untuk menukar warna latar belakang secara dinamik dalam pernyataan if dalam 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 TemperaturIncrement = () =>
jika (TemperatureValue === 30) kembali;
const newTemperature = temperatureValue + 1;
setTemperatureValue(newTemperature)
if(newTemperature >= 15 ){
setTemperatureColor({ color: isChecked ? "navyblue" : "red" });
}
}
const TemperaturDecrement = () =>
setTemperatureValue(temperatureValue - 1)
}</pre>
<p>Saya mahu menggunakan useState dalam pernyataan if untuk menukar warna latar belakang</p>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Anda harus menetapkan pembolehubah keadaan anda kepada rentetan, seperti ini:
const [temperatureColor, setTemperatureColor] = useState("navyblue");Kemudian kemas kini nilai seperti ini:
Dan gunakan nilai rentetan itu dalam JSX anda seperti di bawah:
<View style={{ color: temperatureColor }}></View>Semoga ini membantu.