• 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学不会了 怎么办
    ###
  • 相关阅读:
    2019-11-12-WPF-添加窗口消息钩子方法
    2018-11-21-WPF-解决-ViewBox--不显示线的问题
    ARRAY_SIZE宏
    tcp校验和
    arp命令
    sk_buff
    printf打印字节
    dmesg命令
    insmod/rmmod
    ifup/ifdown
  • 原文地址:https://www.cnblogs.com/IwishIcould/p/12057320.html
Copyright © 2020-2023  润新知