zoukankan      html  css  js  c++  java
  • state&生命周期

    类和函数声明的区别:

    函数声明的组件没有生命周期,类声明的组件有它自己的生命周期和局部状态等等特性

    之前提过元素渲染之后是不可变的,为了解决这个问题,我们需要做以下做来实现改变

    1.组件声明为类声明

    2.添加一个类构造函数来初始化

      class Welcome extend React.Component{

        constructor(props){

          super(props);

          this.state = {date:new Date()}

        }

        render(){

          return(

            <div>现在是:{this.state.date}</div>

          )

        }

      }

    3.周期函数:

      当组件输出到 DOM 后会执行 componentDidMount() 钩子。

      componentWillUnmount()关闭之前执行的钩子

    state里面的内容值,不能直接改(this.state.date = ‘111’)(这个为错误写法,此种写法不会渲染页面)

    如果想要改变 需要执行this.setState({date:new date()})。

    构造函数是唯一能初始化state的地方

     

  • 相关阅读:
    [noip2010]关押罪犯 并查集
    双栈排序 noip2008
    欧拉函数
    中国剩余定理(孙子定理)
    求组合数
    线性素数筛
    洛谷 P2661 信息传递
    图的最短路
    Mzc和男家丁的游戏
    最佳旅游线路
  • 原文地址:https://www.cnblogs.com/liyaping/p/11452928.html
Copyright © 2011-2022 走看看