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

 [React](/React/)：如何使用 RxJS 去优化数据流。 现在我们比较熟悉的是使用 functional component 和 hooks 来处理 react 逻辑。熟悉 Angular 的用户可能比较熟悉通过 RxJS 来处理异步和数据状态。那么我们看一下 React 中使用 RxJS 会不会有什么优势呢？...

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

 [React](/React/)：了解下事件处理过程中传参的实现方法 摘要 {#heading-0} --------------- 首先我们知道，在React中，是通过小驼峰式给元素绑定事件： ```   fn = ()=>{     //执行代码   }   button onClick={this.f...

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

 分享一个[React](/React/)应用：[React](/React/)自定义视频全屏按钮且实现全屏功能。废话不多说，直接进入正题。 绘制全屏按钮 {#heading-1} ------------------- 绘制全屏按钮，并绑定点击事件： ``` render() {     return (     ...

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

 [React](/React/)强制实施状态不可变性，这意味着不能直接更改有状态值。 这实际上可以释放，并帮助消除整个类 bug。 亚伦·鲍威尔 (@斜杠) 谈论不可变性、为什么很重要，以及如何在React中管理它。 不变性对应的英文单词是 Immutability，它不是 [React](/React/) 中的概念，但它...

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

 聊聊[React](/React/)中setState是异步和同步。 setState异步更新 {#heading-0} ------------------------- 开发中当组件中的状态发生了变化，页面并不会重新渲染。我们必须要通过setState来告知React数据已经发生了变化，重新渲染页面。 先来看下面的...

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

 [React](/React/)基础知识：聊聊[React](/React/)中的useState与useReducer。 在正式讲`useState`，我们先热热身，了解下必备知识。 {#_label1} 为什么会有hooks {#heading-1} ----------------------- 大家都知道`h...

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

 今天我们聊聊一个[React](/React/)基础知识：约束性组件（ controlled component）与非约束性组件（ uncontrolled component），以及他们有什么区别呢？ 在 React中，组件负责控制和管理自己的状态。 如果将HTML中的表单元素（ input、 select、 text...

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

 `redux`是用于数据状态管理，而`react`是一个视图层面的库。 如果将两者连接在一起，可以使用官方推荐`react-redux`库，其具有高效且灵活的特性。 `react-redux`将组件分成： * 容器组件：存在逻辑处理 * UI 组件：只负责现显示和交互，内部不处理逻辑，状态由外部控制 通过`redu...

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

 [React](/React/)应用：封装CustomSelect组件思路。 需要封装一个通过Popover弹出框里可以自定义渲染内容的组件，渲染内容暂时有: 单选框, 复选框。在封装组件时我们需要权衡组件的灵活性, 拓展性以及代码的优雅规范，总结分享少许经验。 思路和前提 ----- 由于考虑组件拆分得比较细，层级比...

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

 [React](/React/)每日一学：在[React](/React...