【ReactNative】async/awaitを使って処理を整理してもsetStateの情報が更新されない

Question

const [hoge, setHoge] = useState(false);

function timeupVideoControls() {
    return new Promise(resolve => {
      resolve(setHoge(true)); //promiseを返す
    });
}
async function sample() {
    await timeupVideoControls();　//promiseを返されたfunctionをawaitする。
    console.log(hoge);
}

...略

<View style={{ width: '100%', height: '100%' }}>
　　<TouchableWithoutFeedback
  onPress={() => {
    sample(); //⇦結果がfalseになる何故！！！
  }}> 
    <Text style={{flex: 1,}}>{''}</Text>
  </TouchableWithoutFeedback>
</View> 

上記のように書いてみたのですが、結果がfalseになります。
quitaの記事参考にしてあってると思ってるのですが・・。

どなたかご存知の方教えて欲しいです。
何卒よろしくお願いいたします。

Answer 1

console.log(hoge); を以下のように移動でどうでしょ？

  const [hoge, setHoge] = useState(false);
+ console.log(hoge);

  function timeupVideoControls() {
    return new Promise(resolve => {
      resolve(setHoge(true)); //promiseを返す
    });
  }
  async function sample() {
    await timeupVideoControls();　//promiseを返されたfunctionをawaitする。
-   console.log(hoge);
  }

Comments

[Hinoarashi.]

ご回答ありがとうございます！！
実は更新できてるんじゃないかということですね。

グローバルな位置console.log持っていったらtrueになってました。。
お騒がせしました、ありがとうございます。。

[退会済みユーザー]

> 実は更新できてるんじゃないかということですね。

はいそうですぅ〜????