摘要：
一、todoList案例相关知识点 1.拆分组件、实现静态组件，注意：className、style的写法 2.动态初始化列表，如何确定将数据放在哪个组件的state中？ ——某个组件使用：放在其自身的state中 ——某些组件使用：放在他们共同的父组件state中（官方称此操作为：状态提升） 3. 阅读全文
posted @ 2021-11-18 11:22
wslfw
阅读(70)
评论(0)
推荐(0)
摘要：
安装第三方库 npm install pubsub-js 使用时导入库 import PubSub from 'pubsub-js'; 例子： 订阅 import React, { Component } from 'react'; import PubSub from 'pubsub-js'; i 阅读全文
posted @ 2021-11-17 11:05
wslfw
阅读(73)
评论(0)
推荐(0)
摘要：
方法一 在package.json中追加如下配置： "proxy":"http://localhost:5000" 说明： 1. 优点：配置简单，前端请求资源时可以不加任何前缀。2. 缺点：不能配置多个代理。3. 工作方式：上述方式配置代理，当请求了3000不存在的资源时，那么该请求会转发给5000 阅读全文
posted @ 2021-11-16 17:16
wslfw
阅读(39)
评论(0)
推荐(0)
摘要：
React组件复用概述 处理方式：复用相似的功能(联想函数封装) 复用：1.state 2.操作state的方法(组件状态逻辑) 两种方式：1.render props模式 2.高阶组件（HOC） 注意：这两种方式不是新的API，而是利用React自身特点的编码技巧，演化而成的固定模式（写法） re 阅读全文
posted @ 2021-11-09 16:58
wslfw
阅读(79)
评论(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)
摘要：
案例：需求分析 1. 渲染评论列表 (列表渲染) 2. 没有评论数据时渲染：暂无评论 (条件渲染) 3.获取评论信息，包括评论人和评论内容 (受控组件) 4. 发表评论，更新评论列表(setState()) 案例：实现步骤 1. 渲染评论列表 1. 在state中初始化评论列表数据 2. 使用数组的 阅读全文
posted @ 2021-11-08 17:47
wslfw
阅读(267)
评论(0)
推荐(0)
浙公网安备 33010602011771号