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

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の記事参考にしてあってると思ってるのですが・・。

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

行動規範の内容に同意します

回答1件

ベストアンサー

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

diff
1  const [hoge, setHoge] = useState(false);
2+ console.log(hoge);
3
4  function timeupVideoControls() {
5    return new Promise(resolve => {
6      resolve(setHoge(true)); //promiseを返す
7    });
8  }
9  async function sample() {
10    await timeupVideoControls();　//promiseを返されたfunctionをawaitする。
11-   console.log(hoge);
12  }
13