Reactjs 如何创建闪烁的反应视图

有人能帮我创建一个本地组件吗

所以基本上，这就是我所做的

class Blinkable extends PureComponent {

state = {
    blinkComponentVisibility: false
 }  

 blink () {
        this.setState({blinkComponentVisibility: !  blinkComponentVisibility})
        console.log(this.state)
     }

    componentDidMount = () => {
        setTimeout(() => {this.blink}, 3000)
    }

render () {
  if (i === currentProgress) {
            if (this.state.blinkComponentVisibility) {
            progressBarArray.push(
                <View
                style={{
                    width: widthOfIndividualBlog,
                    backgroundColor: colorOfProgressBar,
                    height: heightOfProgressBar
                }}
                key={i}
            ></View>)
  }
}



return (
            <View>

                <View style={{display: 'flex', flexDirection: 'row'}}>{progressBarArray}</View>
            </View>
        )
    }
}

类可闪烁扩展PureComponent{
状态={
blinkComponentVisibility:false
}  
眨眼（）{
this.setState（{blinkComponentVisibility:！blinkComponentVisibility}）
console.log（this.state）
}
componentDidMount=（）=>{
setTimeout（（）=>{this.blink}，3000）
}
渲染（）{
如果（i==当前进度）{
if（this.state.blinkComponentVisibility）{
推进(
)
}
}
返回(
{progressBarArray}
)
}
}

使用上面的代码，我希望我的组件会闪烁，但什么也没有发生，而是在控制台中看到以下日志

js:47找不到标记为#363的阴影视图，这是 可能是由于本机视图和 阴影视图

有人能帮我找出我做错了什么吗？

this.setState（{blinkComponentVisibility:！blinkComponentVisibility}）

应该是

this.setState（{blinkComponentVisibility:！this.state.blinkComponentVisibility}）

在你的设置中，你需要调用函数

setTimeout（（）=>this.blink（），3000）