Cara menggunakan cangkuk useState untuk menukar warna latar belakang secara dinamik dalam pernyataan if dalam React

Question

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

const TemperaturIncrement = () =>
    jika (TemperatureValue === 30) kembali;

    const newTemperature = temperatureValue + 1;

    setTemperatureValue(newTemperature)

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

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

Saya mahu menggunakan useState dalam pernyataan if untuk menukar warna latar belakang

Answer 1

Anda harus menetapkan pembolehubah keadaan anda kepada rentetan, seperti ini:

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

Kemudian kemas kini nilai seperti ini:

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

Dan gunakan nilai rentetan itu dalam JSX anda seperti di bawah:

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

Semoga ini membantu.