我對 React Native 中的狀態概念還很陌生，無法使用它們來更改組件的狀態。我有三個文本組件，一個是問題，另外兩個是答案（是和否），另一個文本組件檢查我對問題的回答是否已寫，因此檢查文本組件。當我針對某個問題單擊“是”時，如果答案為“是”，則最后一個檢查組件的狀態應更改為“正確”，如果答案為“否”，則更改為“錯誤”。所以基本上，這就是我想要做的：這是我到目前為止所擁有的：這是我得到的錯誤：這是我到目前為止的代碼：import React, { useState, useEffect } from 'react';import { StyleSheet, Text, View, TouchableOpacity, Alert, ScrollView, Image } from 'react-native';// import TextComp from './components/Home2'export default function App() {  const [answer, setAnswer] = useState('answer');  const [correctAns, setCorrectAns] = useState('');  const useEffect = () => {    if (answer == 'answer') {      setCorrectAns('please answer!');    } else if (answer == 'Yes') {      setCorrectAns('Right');    } else if (answer == 'No') {      setCorrectAns('Wrong');    };  };  const corAns = () => { Alert('Your answer was ', correctAns) }  return (    <ScrollView style={styles.container}>      <View style={{ alignItems: 'center' }}>        <Image source={require('./images/pic.jpeg')} style={styles.uriImg} />        <Text style={styles.title}>Is this Mt. Fuji?</Text>        <TouchableOpacity          onPress={() => setAnswer('Yes')}>          <Text style={styles.text}>Yes</Text>        </TouchableOpacity>        <TouchableOpacity          onPress={() => setAnswer('No')}>          <Text style={styles.text}>No</Text>        </TouchableOpacity>        <TouchableOpacity          onPress={corAns}>          <Text style={styles.text2}>Check</Text>        </TouchableOpacity>        <Image source={require('./images/yellow.png')} style={styles.uriImg} />}誰能告訴我怎么做？謝謝！