React native 如何临时显示不同的<；文本>；多次？

我试图有一个页面，显示随机生成的数字，每五秒钟消失之前。我是根据你的答案工作的

这是我当前的代码，但我在“状态”中遇到语法错误。有人能帮我找到语法错误，或者更好地了解如何临时显示吗

const Test2 = () => {
    const var1 = Math.floor(Math.random()*7)+2;
    const var2 = Math.floor(Math.random()*7)+2;
    const var3 = Math.floor(Math.random()*7)+2;
    const var4 = Math.floor(Math.random()*7)+2;
 

    state = {
        texts = [var1, var2, var3, var4],
        textCount = 0
    }

    componentDidMount(); {
        let timer = setInterval(() => {
            this.setState(prevState => {
                return {textCount: prevState.textCount + 1}
            })
            if (this.state.textCount > this.state.texts.length) clearInterval(timer);
        }, 5000);
    }

    render(); {
        return (
          <View>
              {this.state.texts.map((text, i) => i <= this.state.textCount ?
                 <Text>{text}</Text> : null
              )}
          </View>
        )
    }

}

const styles = StyleSheet.create({});

export default Test2;

consttest2=（）=>{
const var1=Math.floor（Math.random（）*7）+2；
const var2=Math.floor（Math.random（）*7）+2；
const var3=Math.floor（Math.random（）*7）+2；
const var4=Math.floor（Math.random（）*7）+2；
状态={
text=[var1，var2，var3，var4]，
textCount=0
}
componentDidMount（）{
let timer=setInterval（（）=>{
this.setState（prevState=>{
返回{textCount:prevState.textCount+1}
})
如果（this.state.textCount>this.state.text.length）clearInterval（计时器）；
}, 5000);
}
render（）{
返回(
{this.state.text.map（（text，i）=>i您使用的是功能组件，您引用的Q&a使用的是基于类的组件。您调用状态的方式不同

例如，您应该使用
useState
React钩子（）