首頁  >  問答  >  主體

在React中如何使用useState鉤子在if語句中動態改變背景顏色

<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>
P粉158473780P粉158473780455 天前545

全部回覆(1)我來回復

  • P粉701491897

    P粉7014918972023-08-15 18:29:16

    你應該將你的狀態變數設為一個字串,像下面這樣:

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

    然後像下面這樣更新該值:

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

    並在你的JSX中使用該字串值,像下面這樣:

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

    希望這能幫到你。

    回覆
    0
  • 取消回覆