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

 今天来了解下在[react](/react/)里，如何使用ref获取dom或者组件，做做一些应用。 ### 使用ref获取DOM的引用 {#heading-1} 在vue中，如果想获取DOM元素时，可以使用this.$refs.引用名称 在react中也可以像vue中，有类似的写法，如下 为元素添加ref引用 ``...

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

 [React](/react/)基础：使用React.forwardRef传递泛型参数。 使用React函数组件开发的过程中会遇到父组件调用子组件的方法或者属性的场景，首次先说怎么通过React.forwardRef来将子组件的属性或者方法暴露给父组件 {#_lab2_0_0} ### 使用forwardRef暴露组建...

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 厉飞雨 阅读(305) 评论(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...