¡Hola, hago una aplicación en React Native!

Intento hacer tres botones activos o no activos. Así que defino un estado con

 const [activeLabel, setActiveLabel] = useState(0);

Y en mi componente de texto tengo

 activeLabel === 1 ? styles.selectedLabel : styles.notSelectedLabel onPress={() => setActiveLabel(1)}

Cuando inicializo, configuro activeLabel en 0 y cuando hago clic y otro componente con console.log activeLabel permanece en 0.

hago algo mal?

Gracias !

Aquí mis etiquetas de componentes

 function Labels({ setDataNumber, title, color, firstLabel, secondLabel, thirdLabel, }) { const [activeLabel, setActiveLabel] = useState(0); return ( <View style={{ flexDirection: "row" }}> <Text style={{ color: color, fontSize: 20, margin: 10 }}>{title}</Text> <View style={{ flexDirection: "row", justifyContent: "flex-end", flex: 1 }} > <Text style={{ color: color, borderColor: color, ...(activeLabel === 0 ? styles.selectedLabel : styles.notSelectedLabel), }} onPress={() => setActiveLabel(0), () => setDataNumber(0)} > {firstLabel} </Text> <Text style={{ color: color, borderColor: color, ...(activeLabel === 1 ? styles.selectedLabel : styles.notSelectedLabel), }} onPress={() => setActiveLabel(1), () => setDataNumber(1)} > {secondLabel} </Text> <Text style={{ color: color, borderColor: color, ...(activeLabel === 2 ? styles.selectedLabel : styles.notSelectedLabel), }} onPress={() => setActiveLabel(2), () => setDataNumber(2)} > {thirdLabel} </Text> </View> </View> ); }