在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>
1
942
![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
你应该将你的状态变量设置为一个字符串，像下面这样：
const [temperatureColor, setTemperatureColor] = useState("navyblue");然后像下面这样更新该值：
并在你的JSX中使用该字符串值，像下面这样：
<View style={{ color: temperatureColor }}></View>希望这能帮到你。