我剛剛開始學習一些本機反應,我正在嘗試制作一個簡單的 cookie 點擊器應用程序。當我點擊我的 cookie 時,cookiecount 會增加 1,但我希望 cookie 計數每秒也增加 1。當我多次點擊 cookie 并且 cookiecount 翻轉并跳轉到不同的數字并再次返回時,我認為這與我同時更新 cookiecount 狀態 2 次有關?export default function App(props) { {/* Make the state that holds the amount of cookies */} const [cookieCount, modifyCookieCount] = useState(0) const [costCount, modifyCostCount] = useState(10) const [perClickBoost, setBoost] = useState(1) const interval = setInterval(() => modifyCookieCount(cookieCount+1), 1000);function addPurchase(count){ modifyCookieCount(cookieCount-count) modifyCostCount(costCount+10); setBoost(perClickBoost+1) } return ( <View style={styles.container}> <Text>{cookieCount}</Text> {/* TouchableOpacity is needed to make use of Onpress prop */} <TouchableOpacity onPress = {addCookie}> <Image style={styles.image} source={require('./images/cookie.png')}/> </TouchableOpacity> <Purchasables addPurchase={addPurchase} count={cookieCount} title='Koekjesslaaf' cost={costCount}/> <StatusBar style="auto" /> </View> ); function addCookie(){ {/* Add a cookie */} modifyCookieCount(cookieCount+perClickBoost) } }該問題是由這兩個更新引起的: const interval = setInterval(() => modifyCookieCount(cookieCount+1), 1000);和 function addCookie(){ {/* Add a cookie */} modifyCookieCount(cookieCount+perClickBoost) }我希望有人可以幫助我解決這個問題,如果我的代碼沒有意義,我很抱歉,我剛剛開始學習。
React Native同時修改相同的狀態
慕森卡
2023-11-11 21:49:36