摘要: React 生命周期 常用的分为三个阶段:挂载阶段、更新阶段、渲染阶段 挂载阶段(按顺序执行一次) constructor render (渲染UI) componentDidMount (发送请求) 更新阶段(只要组件更新就会执行) render componentDidUpdate 卸载阶段(组 阅读全文
posted @ 2022-06-27 23:44 HuangBingQuan 阅读(24) 评论(0) 推荐(0) 编辑
摘要: Props 默认值 场景:如果传入就以传入的参数为主,如果不传那就使用默认值 函数组件 通过函数默认参数实现 function Test ({ list, mum = 666 }) { return ( <div> {list.map(item => <p key={item}>{item}</p> 阅读全文
posted @ 2022-06-27 23:17 HuangBingQuan 阅读(517) 评论(0) 推荐(0) 编辑
摘要: Props 校验 概念:在用户传入数据时提供类型校验(常见于组件库) 如何实现:通过 prop-types 官方工具包 组件名.propTypes = { 定义规则 } 阅读全文
posted @ 2022-06-27 23:10 HuangBingQuan 阅读(41) 评论(0) 推荐(0) 编辑
摘要: 组件 children属性 概念:组件内部写的内容都会识别为children属性存入props。 支持:文本,标签,jsx,函数 应用场景:render Props 和 高阶函数 阅读全文
posted @ 2022-06-27 23:04 HuangBingQuan 阅读(302) 评论(0) 推荐(0) 编辑
摘要: React 跨组件通信 Context机制 场景:跨组件通信 顶层向任意底层传递数据。 实现 调用 createContxt方法 得到Provider(提供数据)和Consumer(消费数据) 通过Provider包裹顶层组件 value属性绑定数据,如果传递多个数据 那就把value包装成一个对象 阅读全文
posted @ 2022-06-27 17:19 HuangBingQuan 阅读(29) 评论(0) 推荐(0) 编辑