摘要：
React组件复用概述 处理方式：复用相似的功能(联想函数封装) 复用：1.state 2.操作state的方法(组件状态逻辑) 两种方式：1.render props模式 2.高阶组件（HOC） 注意：这两种方式不是新的API，而是利用React自身特点的编码技巧，演化而成的固定模式（写法） re 阅读全文
posted @ 2021-11-09 16:58
wslfw
阅读(80)
评论(0)
推荐(0)
摘要：
意义：组件的生命周期有助于理解组件的运行方式、完成更复杂的组件功能、分析组件错误原因等 组件的生命周期：组件从被创建到挂载到页面中运行，再到组件不用时卸载的过程 生命周期的每一个阶段总是伴随着一些方法调用，这些方法就是生命周期的钩子函数 钩子函数的作用：为开发人员在不同阶段操作组件提供了时机 只有类 阅读全文
posted @ 2021-11-09 15:33
wslfw
阅读(181)
评论(0)
推荐(0)
摘要：
1. children属性 children属性：表示组件标签的子节点。当组件标签有子节点时，props就会有该属性 children属性与普通的props一样，值可以是任意值(文本、React元素、组件，甚至是函数) //1. 导入react import React from 'react'; 阅读全文
posted @ 2021-11-09 14:19
wslfw
阅读(49)
评论(0)
推荐(0)
摘要：
作用：跨组件传递数据(比如：主题、语言等) 使用步骤： 1. 调用React.createContext()创建Provider(提供数据)和Consumer(消费数据)两个组件。 2. 使用Provider组件作为父节点 3. 设置value属性，表示要传递的数据 4. 使用Consumer组件接 阅读全文
posted @ 2021-11-09 11:16
wslfw
阅读(63)
评论(0)
推荐(0)
摘要：
组件之间通讯分为3种： 1. 父组件 -> 子组件 2. 子组件 -> 父组件 3. 兄弟组件 父组件传递数据给子组件 1. 父组件提供要传递的state数据 2. 给子组件标签添加属性，值为state中的数据 3. 子组件中通过props接收父组件中传递的数据 //1. 导入react impor 阅读全文
posted @ 2021-11-09 10:49
wslfw
阅读(430)
评论(0)
推荐(0)
摘要：
组件是封闭的，要接收外部数据应该通过props来实现 props的作用：接收传递给组件的数据 传递数据：给组件标签添加属性 接收数据：函数组件通过参数props接收数据，类组件通过this.props接收数据 //1. 导入react import React from 'react'; impor 阅读全文
posted @ 2021-11-09 09:58
wslfw
阅读(163)
评论(0)
推荐(0)
浙公网安备 33010602011771号