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

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>
         )
     }
}