在React中如何使用useState鉤子在if語句中動態改變背景顏色
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 = () => {
if (temperatureValue === 30) return;
const newTemperature = temperatureValue 1;
setTemperatureValue(newTemperature)
if(newTemperature >= 15 ){
setTemperatureColor({ color: isChecked ? "navyblue" : "red" });
}
}
const TemperaturDecrement = () => {
setTemperatureValue(temperatureValue - 1)
}</pre>
<p>我想在if語句中使用useState來改變背景顏色</p>
你應該將你的狀態變數設為一個字串，像下面這樣：
const [temperatureColor, setTemperatureColor] = useState("navyblue");然後像下面這樣更新該值：
並在你的JSX中使用該字串值，像下面這樣：
<View style={{ color: temperatureColor }}></View>希望這能幫到你。