react 的定义组件(了解)
2024-09-04 20:09:43
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 类的角度来说,给类添加静态属性
类的属性叫静态成员
最新文章
- JavaScript 常用代码
- 解读ASP.NET 5 &; MVC6系列(9):日志框架
- FK JavaScript之:ArcGIS JavaScript添加Graphic,地图界面却不显示
- Java for LeetCode 152 Maximum Product Subarray
- VMware Workstation 10.0.0.1295980 CN
- android webview 遇到的问题:external/chromium/net/disk_cache/stat_hub.cc:216:
- 演义江湖PC端意见汇总
- SQL Server 2008 远程过程调用失败[ VS2012]
- openstack私有云布署实践【16.2 Ubuntu1404 只有根分区镜像制作】
- JavaScript 对象JavaScript 对象
- Linux笔记2
- NIO 简介
- 把.Net开发环境迁移到Linux上去
- 搭建开发环境2)Debian8 安装jdk 1.8
- Jquery 在子页面上设置父页面元素的值
- Linux之grep的使用
- Python自动化开发 - AJAX
- 利用Maven插件将依赖包、jar/war包及配置文件输出到指定目录
- mongodb的学习-4-使用 MongoDB shell 来连接 Mongodb 服务
- linux安装nginx并配置负载均衡