2024-11-24 厉飞雨 阅读(0) 评论(0) 赞(0)

 今天分享[React](/React/)的应用：介绍获取数据的一些方法。我们熟悉的有三种方法：使用生命周期方法请求数据，使用 Hooks 获取数据以及使用 suspense 获取数据。接下来时间，我们一起了解下他们的应用以及有什么优缺点吧。 使用生命周期方法请求数据 ------------ 应用程序`Employees...

2024-11-24 厉飞雨 阅读(0) 评论(0) 赞(0)

 [React](/React/)每日一学：熟悉下组件间通信的一些常用方法。小编主要分享三种方法：父子组件通信、跨级组件通信，兄弟（无嵌套）组件通信。接下来一起学下吧！ 父子组件通信 {#heading-0} ------------------- 原理：父组件通过props（与vue中的props区分开）向子组件通信，子...

2024-11-24 厉飞雨 阅读(0) 评论(0) 赞(0)

 今天分享下关于[React](/React/)开发的小应用：在React-hooks中如何使用useEffect。在开始分享之前，我们需要了解下几个基本定义，比如函数副作用等等。开始吧，GO！ 理解函数副作用 {#heading-0} -------------------- {#_lab2_0_0} ### 什么是副...

2024-11-24 厉飞雨 阅读(0) 评论(0) 赞(0)

 今天分享一个React基础知识点：当传入组件的props改变时更新组件。我们通过一个实例去说明下，一起往下学习吧。 分析 --- 我们使用react的时候常常需要在一个组件传入的props更新时重新渲染该组件，常用的方法是在`componentWillReceiveProps`中将新的props更新到组件的state中（...

2024-11-24 厉飞雨 阅读(0) 评论(0) 赞(0)

 [react](/React/)每日一学：聊聊fetch之cors跨域请求的应用。 项目中使用了[react](/React/)，当中需要使用fetch来代替ajax。 由于react的create_react_app工具很方便，基本上开箱即用，经过创建项目，输入npm start命令后，便自动监听一个3000的端口，到...

2024-11-24 厉飞雨 阅读(0) 评论(0) 赞(0)

 [react](/React/)每日一学：了解react中的context和props属性。 context {#heading-0} -------------------- {#_lab2_0_0} ### 1. 使用场景 {#heading-1} 设想一个场景，假如我们要给子孙组件传值，应该怎么办呢？ 如...

2024-11-24 厉飞雨 阅读(0) 评论(0) 赞(0)

 [React](/React/)：基于React Hooks的小型状态管理。 React 组件间的状态共享，是一个老生常谈的问题，也有很多解决方案，例如 Redux、MobX 等。这些方案很专业，也经历了时间的考验，但私以为他们不太适合一些不算复杂的项目，反而会引入一些额外的复杂度。 实际上很多时候，我不想定义 muta...

2024-11-24 厉飞雨 阅读(0) 评论(0) 赞(0)

 [React](/React/)：Ref在[React](/React/)中的交叉用法。 一、首先说明下什么是Ref {#heading-0} -------------------------- Ref 转发是一项将 ref 自动地通过组件传递到其一子组件的技巧。对于大多数应用中的组件来说，这通常不是必需的。但其对某些...

2024-11-24 厉飞雨 阅读(0) 评论(0) 赞(0)

 [React](/React/)开发应用：了解下setState同步和异步问题。 setState 只在合成事件和钩子函数中是"异步"的，在原生事件和 setTimeout 中都是同步的。 合成事件：就是react 在组件中的onClick等都是属于它自定义的合成事件 原生事件：比如通过addev...

2024-11-24 厉飞雨 阅读(0) 评论(0) 赞(0)

 [React](/React/)：关于[React](/React/)中setState同步或异步。 首先我们需要了解同步和异步的的含义，让我们往下看吧。 在 React 的类式组件中，我们可以使用setState方法更新state状态。但有些时候使用setState之后，得不到最新的数据。 其实 React 中set...