So verwenden Sie den useState-Hook, um die Hintergrundfarbe in der if-Anweisung in React dynamisch zu ändern

Question

const [temperatureColor, setTemperatureColor] = useState({color:"navyblue"});

const TemperaturInkrement = () =>
    if (temperaturValue === 30) return;

    const newTemperature = TemperatureValue + 1;

    setTemperatureValue(newTemperature)

    if(newTemperature >= 15 ){
        setTemperatureColor({ color: isChecked ? "navyblue" : "red" });
    }
}

const TemperaturDecrement = () =>
    setTemperatureValue(temperatureValue - 1)
}

Ich möchte useState in der if-Anweisung verwenden, um die Hintergrundfarbe zu ändern

Answer 1

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

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

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

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

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

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

希望这能帮到你。