Reactjs 在<；中显示实时变量值；文本>；组件-反应本机

我面临着一个小问题，我的数字猜测应用程序。。。我制作了一个生成随机数的函数，如果每次重新分配时控制台都记录该数字->它会正常显示，但当我尝试在组件中输出它时，它只给出默认值，从不更新

这是我的密码

 const makeGuess = () => {
        guessMade = Math.floor(Math.random() * (maximum-minimum)) + minimum;
        if(guessMade == props.chosenNumber)
        {
            alert("Computer Guessed It!");
            props.close();
        }
        console.log(guessMade);
 }   

和文本输出

<Text>
  {guessMade}
</Text>

{猜测}

完整代码：

const GuessModule = props =>{
    var minimum = 0
    var maximum = 999999
    var guessMade = 0

    const makeGuess = () => {
        guessMade = Math.floor(Math.random() * (maximum-minimum)) + minimum;
        if(guessMade == props.chosenNumber)
        {
            alert("Computer Guessed It!");
            props.close();
        }
        console.log(guessMade);
    }   

    const setSmaller = () => {
        if(guessMade < props.chosenNumber){
            minimum = guessMade + 1;
            makeGuess();
        }
        else{
            alert('CHEATER');
        }

    }

    const setBigger = () => {
        if(guessMade > props.chosenNumber){
            maximum = guessMade - 1;
            makeGuess();
        }
        else {
            alert('CHEATER');
        }
    }

    return(
        <Modal visible={props.isVisible} animated="slide" >
            <Header title="Time to play!" />
            <View style={{backgroundColor: 'orange',}}>
                <Text style={styles.upperBannerText}>
                    Your Number: {props.chosenNumber}
                </Text>
            </View>
            <View style={styles.mainView}>
                <Text style={styles.cpuText}>
                    CPU Guess: {guessMade}
                </Text>
                <Button onPress={makeGuess} title="Make A Guess"/>
                <View style={styles.buttonBox}>
                    <Button onPress={setSmaller} title="Bigger"/>
                    <Button onPress={setBigger} title="Smaller"/>
                    <Button onPress={props.close} title="Close"/> 
                </View>
            </View>
        </Modal>
    );
}

const GuessModule=props=>{
最小值=0
var最大值=99999
var=0
常量makeGuess=（）=>{
猜测=数学地板（数学随机（）*（最大最小值））+最小值；
if（猜测==props.chosenNumber）
{
警报（“计算机猜中了！”）；
props.close（）；
}
控制台日志（猜测）；
}   
常量setSmaller=（）=>{
如果（猜测{
如果（猜测>道具选择编号）{
最大值=猜测值-1；
makeGuess（）；
}
否则{
警惕（“骗子”）；
}
}
返回(
您的号码：{props.chosenNumber}
CPU猜测：{guessMade}
);
}

试试这段代码。我希望它能帮助你

this.state = {
          guessMade: ''
        };

 const makeGuess = () => {
        guessMade = Math.floor(Math.random() * (maximum-minimum)) + minimum;
        this.setState({
            guessMade: guessMade
        });
        if(this.state.guessMade == props.chosenNumber)
        {
            alert("Computer Guessed It!");
            props.close();
        }
        console.log(this.state.guessMade);
 }  

<Text>
  {this.state.guessMade}
</Text>

this.state={
猜测：“”
};
常量makeGuess=（）=>{
猜测=数学地板（数学随机（）*（最大最小值））+最小值；
这是我的国家({
猜：猜
});
if（this.state.guessmake==props.chosenNumber）
{
警报（“计算机猜中了！”）；
props.close（）；
}
console.log（this.state.guessmake）；
}  
{this.state.guessmake}

您需要提供更多代码。猜测是如何传递给组件的？刚刚更新，很有希望，但仍然没有更新文本组件。