閲覧いただき、ありがとうございます!
React Native・JS・TSの初心者です。
実現したいこと
ボタン押下時に、useStateで保持している値をカウントアップしてから、カウントアップされた値を表示したいです。
発生している問題・エラーメッセージ
カウントアップされる前に値が表示されてしまいます。
該当のソースコード
JavaScript
1export function ExecuteButton(props) { 2 const [count, setCount] = useState(0); 3 4 const onPress = async () => { 5 console.log(count); // 最初の押下ではuseState(0)でセットされた0が表示される 6 setCount(await count + 1); // countが1になる 7 const str = await 'count: ' + count; 8 Alert.alert(str); // 「count: 1」と表示したいが、「count: 0」になる 9 } 10 11 return ( 12 <Button 13 onPress={onPress} 14 title='START!!!' /> 15 ); 16} 17
補足情報(FW/ツールのバージョンなど)
package.json(抜粋)
json
1 "dependencies": { 2 "react": "18.2.0", 3 "react-native": "0.71.7", 4 }, 5 "devDependencies": { 6 "@types/react": "~18.0.14", 7 "@types/react-native": "^0.71.6", 8 "typescript": "^4.9.4" 9 },
alertにはcount: 1を表示したいです。
解決方法をご教授いただけますと、幸いです。

回答2件
あなたの回答
tips
プレビュー
下記のような回答は推奨されていません。
このような回答には修正を依頼しましょう。
また依頼した内容が修正された場合は、修正依頼を取り消すようにしましょう。