09 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学不会了 怎么办
###

相关文章

react 中的高阶组件主要是对于 hooks 之前的类组件来说的,如...
我们上一节了解了组件的更新机制,但是只是停留在表层上,例...
我们上一节了解了 react 的虚拟 dom 的格式,如何把虚拟 dom...
react 本身提供了克隆组件的方法,但是平时开发中可能很少使...
mobx 是一个简单可扩展的状态管理库,中文官网链接。小编在接...
我们在平常的开发中不可避免的会有很多列表渲染逻辑,在 pc ...