摘要: children属性 表示组件标签的子节点 当组件标签有子节点是 props就会有该属性 props中的组件可以是任意属性 都是可以渲染的 //导入react import React from 'react' import ReactDOM from 'react-dom' //导入组件 // 约 阅读全文
posted @ 2022-05-21 09:18 前端导师歌谣 阅读(29) 评论(0) 推荐(0) 编辑
摘要: 对于组件来说 props是外来的 无法保证使用者传入什么格式的数据 传入的数据格式不对 可能会导致组件内部报错 关键问题:不知道报错的具体原因 1安装包props-types 2导入props-types 3组件名.propTypes={}添加规则 //导入react import React fr 阅读全文
posted @ 2022-05-21 09:18 前端导师歌谣 阅读(21) 评论(0) 推荐(0) 编辑
摘要: 1常见类型:Array,bool,func,number,object,string 2React:element 3必填项:isRequred 4特定结构的想:shape({}) //导入react import React from 'react' import ReactDOM from 'r 阅读全文
posted @ 2022-05-21 09:18 前端导师歌谣 阅读(27) 评论(0) 推荐(0) 编辑
摘要: 1给props设置默认值 //导入react import React from 'react' import ReactDOM from 'react-dom' import PropTypes from 'prop-types' //导入组件 // 约定1:类组件必须以大写字母开头 // 约定2 阅读全文
posted @ 2022-05-21 09:18 前端导师歌谣 阅读(19) 评论(0) 推荐(0) 编辑
摘要: 6.1组件的生命周期概述 组件的生命周期有助于理解组件的运行方式 完成更复杂 的组件功能 分析组件错误原因等 组件的生命周期 组件从创建到挂载到卸载 生命周期的每个阶段伴随着一些方法调用 这些方法就是生命周期的钩子函数 阅读全文
posted @ 2022-05-21 09:18 前端导师歌谣 阅读(19) 评论(0) 推荐(0) 编辑
摘要: 1每个阶段的执行时机 2每个阶段钩子函数的执行顺序 3每个阶段狗子函数的作用 6.2生命周期的三个极端 执行时机 执行顺序 construtor()->render()->componentDidMount //导入react import React from 'react' import Rea 阅读全文
posted @ 2022-05-21 09:18 前端导师歌谣 阅读(23) 评论(0) 推荐(0) 编辑
摘要: //导入react import React from 'react' import ReactDOM from 'react-dom' import PropTypes from 'prop-types' //导入组件 // 约定1:类组件必须以大写字母开头 // 约定2:类组件应该继承react 阅读全文
posted @ 2022-05-21 09:18 前端导师歌谣 阅读(16) 评论(0) 推荐(0) 编辑
摘要: //导入react import React from 'react' import ReactDOM from 'react-dom' import PropTypes from 'prop-types' //导入组件 // 约定1:类组件必须以大写字母开头 // 约定2:类组件应该继承react 阅读全文
posted @ 2022-05-21 09:18 前端导师歌谣 阅读(31) 评论(0) 推荐(0) 编辑
摘要: 执行时机 //导入react import React from 'react' import ReactDOM from 'react-dom' import PropTypes from 'prop-types' //导入组件 // 约定1:类组件必须以大写字母开头 // 约定2:类组件应该继承 阅读全文
posted @ 2022-05-21 09:18 前端导师歌谣 阅读(62) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2022-05-21 09:18 前端导师歌谣 阅读(5) 评论(0) 推荐(0) 编辑