React每隔0.2s颜色变淡 之settimeOut变成setInterval

案例 每隔0.2s颜色变淡##

公共数据是放在state中的哦！

代码如下

import React, { Component } from "react";
import { setTimeout } from "timers";
export default class Life extends Component {
    state={
       opacity:1
    }

     render(){
         let {opacity}=this.state  //解构
         console.log(1);

         setTimeout(() => {
             opacity-=0.1;
             if (opacity<=0){
                opacity=1
             }
             this.setState({
                 opacity:opacity
             })
         }, 200);

        //  因为state已发生改变  render就会执行
        // 所以  当  opacity的值发生改变    render函数就会执行  setTimeout就变成了每个0.2s循环一次
        // render 一上来就会执行   状态改变就会执行
         return(
             <div style={{opacity:opacity}}> React学不会了  怎么办</div>
         )
     }
}

注意一下 你不能够直接去改变state中的值。

你要通过this.setDate({}) 这样去改变哈

这个跟小程序是类似

03==>在React中写类 第一{}代表里面写jsx 的二个代表写对象{}

React学不会了 怎么办

###