在React中如何使用useState钩子在if语句中动态改变背景颜色
P粉158473780
P粉158473780 2023-08-14 20:21:13
[React讨论组]


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)
}

我想在if语句中使用useState来改变背景颜色

P粉158473780
P粉158473780

全部回复(1)
P粉701491897

你应该将你的状态变量设置为一个字符串,像下面这样:

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

然后像下面这样更新该值:

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

并在你的JSX中使用该字符串值,像下面这样:

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

希望这能帮到你。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号