当前位置:
首页 > 网站开发 > JavaScript >
-
JavaScript教程之React组件设计(3)
variant="fancy" />
私有函数添加 _ 前缀?
在React模块中,不要给所谓的私有函数添加 _ 前缀,本质上它并不是私有的。
为什么?_
下划线前缀在某些语言中通常被用来表示私有变量或者函数。但是不像其他的一些语言,在JS中没有原生支持所谓的私有变量,所有的变量函数都是共有的。尽管你的意图是使它私有化,在之前加上下划线并不会使这些变量私有化,并且所有的属性(包括有下划线前缀及没有前缀的)都应该被视为是共有的。
Ordering React 模块生命周期
class extends React.Component 的生命周期函数:
可选的 static 方法
- constructor 构造函数
- getChildContext 获取子元素内容
- componentWillMount 模块渲染前
- componentDidMount 模块渲染后
- componentWillReceiveProps 模块将接受新的数据
- shouldComponentUpdate 判断模块需不需要重新渲染
- componentWillUpdate 上面的方法返回 true, 模块将重新渲染
- componentDidUpdate 模块渲染结束
- componentWillUnmount 模块将从DOM中清除, 做一些清理任务
点击回调或者事件处理器 如 onClickSubmit()
或 onChangeDescription()
render
里的 getter
方法 如 getSelectReason()
或 getFooterContent()
可选的 render
方法 如 renderNavigation()
或 renderProfilePicture()
render
render()
方法
如何定义 propTypes
, defaultProps
, contextTypes
, 等等其他属性...
import React from 'react';
import PropTypes from 'prop-types';
const propTypes = {
id: PropTypes.number.isRequired,
url: PropTypes.string.isRequired,
text: PropTypes.string,
};
const defaultProps = {
text: 'Hello World',
};
class Link extends React.Component {
static methodsAreOk() {
return true;
}
render() {
return <a href={this.props.url} data-id={this.props.id}>{this.props.text}</a>;
}
}
Link.propTypes = propTypes;
Link.defaultProps = defaultProps;
export default Link;
栏目列表
最新更新
nodejs爬虫
Python正则表达式完全指南
爬取豆瓣Top250图书数据
shp 地图文件批量添加字段
爬虫小试牛刀(爬取学校通知公告)
【python基础】函数-初识函数
【python基础】函数-返回值
HTTP请求:requests模块基础使用必知必会
Python初学者友好丨详解参数传递类型
如何有效管理爬虫流量?
SQL SERVER中递归
2个场景实例讲解GaussDB(DWS)基表统计信息估
常用的 SQL Server 关键字及其含义
动手分析SQL Server中的事务中使用的锁
openGauss内核分析:SQL by pass & 经典执行
一招教你如何高效批量导入与更新数据
天天写SQL,这些神奇的特性你知道吗?
openGauss内核分析:执行计划生成
[IM002]Navicat ODBC驱动器管理器 未发现数据
初入Sql Server 之 存储过程的简单使用
这是目前我见过最好的跨域解决方案!
减少回流与重绘
减少回流与重绘
如何使用KrpanoToolJS在浏览器切图
performance.now() 与 Date.now() 对比
一款纯 JS 实现的轻量化图片编辑器
关于开发 VS Code 插件遇到的 workbench.scm.
前端设计模式——观察者模式
前端设计模式——中介者模式
创建型-原型模式