children属性是什么
表示该组件的子节点，只要组件内部有子节点，props中就有该属性
children可以是什么
对于组件来说，props是由外部传入的，我们其实无法保证组件使用者传入了什么格式的数据，如果传入的数据格式不对，就有可能会导致组件内部错误，有一个点很关键 - 组件的使用者可能报错了也不知道为什么
yarn add prop-typesprop-types 包组件名.propTypes = {} 给组件添加校验规则import PropTypes from 'prop-types'
const List = props => {
const arr = props.colors
const lis = arr.map((item, index) => <li key={
index}>{
item.name}</li>)
return <ul>{
lis}</ul>
}
List.propTypes = {
colors: PropTypes.array
}
// 常见类型
optionalFunc: PropTypes.func,
// 必填 只需要在类型后面串联一个isRequired
requiredFunc: PropTypes.func.isRequired,
// 特定结构的对象
optionalObjectWithShape: PropTypes.shape({
color: PropTypes.string,
fontSize: PropTypes.number
})
通过
defaultProps可以给组件的props设置默认值，在未传入props的时候生效
函数组件
直接使用函数参数默认值
function List({
pageSize = 10}) {
return (
<div>
此处展示props的默认值：{
pageSize }
</div>
)
}
// 不传入pageSize属性
<List />
类组件
使用类静态属性声明默认值，`static defaultProps = {}
class List extends Component {
static defaultProps = {
pageSize: 10
}
render() {
return (
<div>
此处展示props的默认值：{
this.props.pageSize}
</div>
)
}
}
<List />
组件的生命周期是指组件从被创建到挂载到页面中运行起来，再到组件不用时卸载的过程，注意，只有类组件才有生命周期（类组件 实例化 函数组件 不需要实例化）
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-NcX94qly-1651135234582)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\1650014871805.png)]
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-hWlYQM35-1651135234584)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\1650014987177.png)]
| 钩子 函数 | 触发时机 | 作用 |
|---|---|---|
| constructor | 创建组件时，最先执行，初始化的时候只执行一次 | 1. 初始化state 2. 创建 Ref 3. 使用 bind 解决 this 指向问题等 |
| render | 每次组件渲染都会触发 | 渲染UI（注意： 不能在里面调用setState() ） |
| componentDidMount | 组件挂载（完成DOM渲染）后执行，初始化的时候执行一次 | 1. 发送网络请求 2.DOM操作 |
| 钩子函数 | 触发时机 | 作用 |
|---|---|---|
| render | 每次组件渲染都会触发 | 渲染UI（与 挂载阶段 是同一个render） |
| componentDidUpdate | 组件更新后（DOM渲染完毕） | DOM操作，可以获取到更新后的DOM内容，不要直接调用setState |
| 钩子函数 | 触发时机 | 作用 |
|---|---|---|
| componentWillUnmount | 组件卸载（从页面中消失） | 执行清理工作（比如：清理定时器等） |
文章浏览阅读1.9w次，点赞6次，收藏39次。物联网数据处理技术的基本概念物联网数据的特点海量 动态 多态 关联从无线传感器网络TinyDB数据库结构中可以清晰地看到物联网数据“海量、动态、多态、关联”的特点物联网中的数据、信息与知识物联网数据处理关键技术数据存储 数据融合 数据挖掘 智能决策物联网与云计算云计算产生的背景云计算的分类IaaS—基础设施即服务，只涉及到租用硬件，是一种..._物联网数据处理技术
文章浏览阅读4.8k次。很多朋友改完win10系统就找不到打印机设备，无法设置默认打印机，今天来解析这个问题！01进入设置界面通常，对于已经启动了并连接到了网络的打印机，会很容易被系统识别到，只不过需要确保打印机和电脑是连接的同一个网络。点击开始菜单，进入设置界面。选择设备。02添加打印机和扫描仪选择打印机和扫描仪，点击添加打印机或扫描仪。系统将会自动搜索识别，并将搜索到的设备罗列出来。接着，找到并点击您想要添加的打印机..._w10打印机在哪里找
文章浏览阅读9.1k次，点赞5次，收藏29次。bcache是linux内核块设备层的cache。主要是使用SSD盘在IO速度较慢的HDD盘上面做一层缓存，从而来提高HDD盘的IO速率。一个缓存设备(SSD)可以同时为多个后端设备(HDD)提供缓存。既然是缓存，那自然就会想到缓存策略，bcache支持三种缓存策略....................._bcache
文章浏览阅读658次。amixer和alsamixer使用说明amixer和alsamixer使用说明amixer和alsamixer说明本文主要解答：1. amixer与alsamixer的区别2. amixer与alsamixer的使用alsamixer与amixer的区别alsamixer是Linux音频框架ALSA工具之一，用于配置音频各个参数;alsamixer是基于文本图形界面的，可以在终端中显示.通过键盘..._amixer
文章浏览阅读2.2k次，点赞3次，收藏15次。安装Web服务1、www(万维网服务)，主要应用于搭建web站点2、中间件，是用承载我们的Web站点，那么什么是中间件（如，iis、apache、nginx、tomcat、jboss等）,Web网站没有中间件是不能运行。3、如何安装windows IIS服务器管理器–角色–添加–web服务器–4、web站点的访问方式有三种（1）通过ip访问，一般是有多个公网地址，可以每一个站点分配一个ip（这种情况用的极少）原因：Ip很难记，公网地址需要收费（2）多端口访问，web站点默认是80端口，80_dns和web服务器搭建
文章浏览阅读2.5k次，点赞2次，收藏5次。以上方法笔者觉得没有必要再封装进工具类了，直接调用就行而其他的处理可以参考笔者的时间处理工具类 TimeUtils 的以下方法时间格式转化：转化成时间戳：转化成 LocalDateTimeformat()：转化成格式化日期字符串时间获取：获取当前时间戳（精确到毫秒）：获取当前的年（仅数值）：获取当前的月（仅数值）：获取当前的日（仅数值）：获取当前的年（格式为 yyyy 的字符串）：获取当前的年月（格式为 yyyy-MM 的字符串）_java 时间工具类
文章浏览阅读1.2k次。Android 源码编译文件中语法记录_android shell脚本语法 :>
文章浏览阅读4.2k次，点赞12次，收藏72次。1.概述Linux系统上的Video设备多种多样，如通过Camera Host控制器接口连接的摄像头，通过USB总线连接的摄像头等。为了兼容更多的硬件，Linux内核抽象了V4L2（Video for Linux Two）子系统。V4L2子系统是Linux内核中关于Video（视频）设备的API接口，是V4L（Video for Linux）子系统的升级版本。V4L2子系统向上为虚拟文件系统提供了统一的接口，应用程序可通过虚拟文件系统访问Video设备。V4L2子系统向下给Video设备提供接口，同时管理_v4l2_subdev_call
文章浏览阅读1w次。使用场景：因为在公司机房中的服务器我们在使用需要对他做一些类似于初始化的配置，分别是三个，——》第一个是配置服务器的ILO地址，这个是我们通过网络打开一个Web页面对服务器进行一些操作；——》第二个是对管理用户的密码进行修改，这个是因为不同的服务器初始的管理员的密码也许是不一样的，我们将其修改为统一的方便记忆也方便管理；——》第三个就是开启服务器的半虚拟化功能，这个是我们的公司的也许需要服..._浪潮服务器修改管理口密码
文章浏览阅读87次。PHP常用字符串函数小结来源：程序员人生 发布时间：2015-01-22 09:02:32 阅读次数：1594次1、判断类型的函数is_bool() //判断是不是为布尔型is_float() //判断是不是为浮点型is_real() //同上is_int() //判断是不是为整型is_integer() //同上is_string() ..._php 字符串1-5位
文章浏览阅读431次。原文作者：善良995原文标题：Matlab玩出新高度，变身表白女友神器发布时间：2021-03-19 13:36:02Matlab还可以这样玩儿？每逢节日愁哭程序员，不知道该送什么给女朋友，在这里教你用Matlab玩儿出属于程序员的浪漫，送给她一整天的惊喜^^一、效果图先来看看效果图：怎么样，这礼物是不是很用心？是不是很特别？是不是很程序猿？(斜眼笑~)二、完整模板代码当然，我怎么忍心让好男孩们千..._clc clear [x,y,z] = meshgrid(linspace(-3,3,101)); f = -x.^2.*z.^3-(9/80)
文章浏览阅读5.5k次，点赞2次，收藏4次。#include#includechar* strcpy1(){ char *p = "hello kitty"; printf("%s\n", p); return p;}int main(){ printf("%s", strcpy1()); return 0;}字符串在内存中存储在只读数据段，当定义一个字符串指针时，该指针指向这个只读区域，即使在函数中将这个指针返回_使用字符串指针定义的变量储存在内存中的