setstate of hook inside onPress not working !

[joy-mollick]

`
const radio_props = [
{ label: 'Male', value: 0 },
{ label: 'Female', value: 1 },
{ label: 'Gay', value: 2 },
{ label: 'Straight', value: 3 }
];

const [gender, setgender] = useState('Male');

<RadioForm
//formHorizontal={true}
style={{padding:10}}
wrapStyle={{padding:5}}
buttonSize={17}
radio_props={radio_props}
initial={-1}
labelStyle={{fontSize: 20, color: '#2ecc71',paddingLeft:10,padding:8}}
onPress={val => {setgender(radio_props[val].label);console.log(gender)}}
/>`

I am not getting correct value after using setgender !! Disappointing !

[wibimaster]

Hi !

setGender is asynchronous, so you can't rely on console.log(gender) immediately after.

If you want to test this, add a thing like this :

useEffect(() => {
  console.log('Gender updated', gender);
}, [gender]);