zoukankan      html  css  js  c++  java
  • react 的定义组件(了解)

      react 中定义组件的方法

        1. 定义组件 React.createClass()  (被淘汰了)

          定义组件中的函数 methods 的中的 this 统统指向 组件

        2. 函数定义组件

          定义的组件时无状态的,没有 state 的状态,没有生命周期,就是一个纯粹的静态页面,不能访问 this

        3. class 定义组件

          class 中的事件函数中的 this 不是指向函数本身,而是 null

          class 创建的组件的成员函数需要手动绑定

        在构造函数里面,受到手动绑定,让事件成员中 函数 this 指向当前组件

      class 中,如何修改数据

      this.setState({

        name: 'lisi'

      })

      不能通过变量是赋值来修改;

        this.state.weight = 12;

      怎么访问 state , 在模板中使用 {this.state.属性} 就可以了

      <App name="fei" age=21 />

      React 中的 props 属性

      组件标签上的水星,都会记录在定义在组件中的一个 props 的属性

        访问 props --> this.props.name

        props 的值,不能改变,而 state 中的值可以改变

        propTypes 和 defaultProps

      propTypes 验证 props 中的数据类型必须合法

      defaultProps 设置,props 的初始值

      es6 class 类的角度来说,给类添加静态属性

      类的属性叫静态成员

  • 相关阅读:
    WPF 模板(二)
    WPF 模板
    WFP 样式(复习用)
    wpf 特效学习
    MVC 开源控件学习
    设计模式学习
    使用带参数方式新增或修改可为空的非字符串类型数据到oralce数据库
    python(13)- 文件处理应用Ⅱ:增删改查
    051孤荷凌寒从零开始学区块链第51天DAPP006
    050孤荷凌寒从零开始学区块链第50天DAPP003
  • 原文地址:https://www.cnblogs.com/shangjun6/p/11460632.html
Copyright © 2011-2022 走看看