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.属性} 就可以了

    React 中的 props 属性

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

    访问 props --> this.props.name

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

    propTypes 和 defaultProps

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

    defaultProps 设置,props 的初始值

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

    类的属性叫静态成员

声明:该文章系转载,转载该文章的目的在于更广泛的传递信息,并不代表本网站赞同其观点,文章内容仅供参考。

本站是一个个人学习和交流平台,网站上部分文章为网站管理员和网友从相关媒体转载而来,并不用于任何商业目的,内容为作者个人观点, 并不代表本网站赞同其观点和对其真实性负责。

我们已经尽可能的对作者和来源进行了通告,但是可能由于能力有限或疏忽,导致作者和来源有误,亦可能您并不期望您的作品在我们的网站上发布。我们为这些问题向您致歉,如果您在我站上发现此类问题,请及时联系我们,我们将根据您的要求,立即更正或者删除有关内容。本站拥有对此声明的最终解释权。