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

 今日分享下[React](/React/)知识点：了解 React Hooks 闭包的应用和原理。 React Hooks 是 React 16.8 版本引入的一种新的特性，它允许我们在不编写 class 组件的情况下使用 state 以及其他的 React 功能。其中，最为常用的就是 useState 和 useEffe...

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

<p><img src="/images/tt/react.jpg" alt="" /></p> <p><a href="/React/">react</a>应用：<a href="/React/">react<...

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

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

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

<p><img src="/images/tt/react.jpg" alt="" /></p> <p>今天我们了解下<a href="/React/">react</a>中定义变量并使用方式。</p> <ul> <l...

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

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

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

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

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

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

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

<p><img src="/images/tt/react.jpg" alt="" /></p> <p>聊聊<a href="/React/">React</a>中setState是异步和同步。</p> <h2>setSta...

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

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

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

<p><img src="/images/tt/react.jpg" alt="" /></p> <p>今天我们聊聊一个<a href="/React/">React</a>基础知识：约束性组件（ controlled component）与非约束...