首页  >  问答  >  正文

在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 天前542

全部回复(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
  • 取消回复