setState неверно устанавливает значение в реакции на родной (expo)

Question

Я устанавливаю значение для хука useState при нажатии кнопки, но не работаю.

const [text, setText] = useState("")

const demo = () => {
   setText("Hello world")
   alert(text)
}


<TouchableOpacity onPress={demo}>
   <Text>set Value</Text
</TouchableOpacity>

Answer 1

setText - асинхронная c функция. Если вы alert(text) старое значение будет предупреждено.

Вы должны useEffect

const [text, setText] = useState("")

const demo = () => {
  setText("Hello world")
}

useEffect(() => {
  alert(text)
}, [text])


<TouchableOpacity onPress={demo}>
   <Text>set Value</Text
</TouchableOpacity>

Answer 2

setState является асинхронным, это означает, что при вызове alert с параметром «текст» еще не назначен, при втором вызове (если вы нажмете два раза) будет отображаться правильное значение.