案例 每隔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学不会了 怎么办

遇见问题，这是你成长的机会，如果你能够解决，这就是收获。



作者：晚来南风晚相识

如果文中有什么错误，欢迎指出。以免更多的人被误导。