博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
react 创建组件 (一)createClass
阅读量:7250 次
发布时间:2019-06-29

本文共 700 字,大约阅读时间需要 2 分钟。

如果你还没有使用ES6语法,那么定义组件,只能使用React.createClass这个helper来创建组件,下面是一段示例:

var React = require("react");var Greeting = React.createClass({    propTypes: {    name: React.PropTypes.string //属性校验  },  getDefaultProps: function() {    return {      name: 'Mary' //默认属性值    };  },    getInitialState: function() {    return {count: this.props.initialCount}; //初始化state  },    handleClick: function() {    //用户点击事件的处理函数  },  render: function() {    return 

Hello, {this.props.name}

; }});module.exports = Greeting;

这段代码,包含了组件的几个关键组成部分,这种方式下,组件的props、state等都是以对象属性的方式组合在一起,其中默认属props和初始state都是返回对象的函数,propTypes则是个对象。这里还有一个值得注意的事情是,在createClass中,React对属性中的所有函数都进行了this绑定,也就是如上面的hanleClick其实相当于handleClick.bind(this) 。

转载地址:http://vkhbm.baihongyu.com/

你可能感兴趣的文章
nginx proxy_pass转发路径
查看>>
RHEL/CentOS 6.x使用EPEL6与remi的yum源安装MySQL 5.5.x
查看>>
mysql字符集设置
查看>>
sendmail在企业网中的应用
查看>>
Linux 性能监测工具
查看>>
linux内核参数注释与优化
查看>>
[RHEL7.1]修改网卡命名方式 eno16777763变为eth0
查看>>
Java操作PDF文档(PDFBox)
查看>>
Java研发岗位面试归类B(附答案)
查看>>
VMware Workstation 12 Pro 虚拟机的使用(一)介绍
查看>>
ThinkPHP分页和删除操作
查看>>
CCIE职业发展系列典型案列分析之RIPv1协议配置的解决方案
查看>>
【高德地图API】如何制作自己的旅游地图?
查看>>
windbg 通过网络联机调试配置
查看>>
iOS 瘦身之道
查看>>
nodejs的配置
查看>>
centos7下集群部署zookeeper(伪集群)
查看>>
mysql主从复制
查看>>
IT168:2014年APT***发展趋势及防御策略调研
查看>>
用好ul和li
查看>>