腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Node.js开发

Node.js全栈开发

专栏作者

225

文章

657633

阅读量

51

订阅数

createRef和useRef的forwardRef区别和用法

渲染 react 编程算法

一般用于函数组件 useRef 不仅仅是用来管理 DOM ref 的，它还相当于 this , 可以存放任何变量. 当 useRef 的内容发生变化时,它不会通知您。更改.current属性不会导致组件重新渲染。因为他一直是一个引用。

2023-03-03

4890

React之forwardRef的使用

首先考虑一个问题，如果开发过程中不需要拆分组件，只需要用React.createRef()，或者useRef()生成ref，将ref传递给Dom：

2023-03-03

8140

react项目登录验证功能

react 编程算法网站存储文件存储

再用react完成项目的过程中通常会开发登录功能，一般有如下两个地方会用到登录功能：

2022-12-28

2.4K0

useRef的用法总结

渲染编程算法 react

useRef是一个方法，且useRef返回一个可变的ref对象（对象！！！）initialValue被赋值给其返回值的.current对象可以保存任何类型的值:dom、对象等任何可变值ref对象与自建一个{current：‘’}对象的区别是：useRef会在每次渲染时返回同一个ref对象，即返回的ref对象在组件的整个生命周期内保持不变。自建对象每次渲染时都建立一个新的。ref对象的值发生改变之后，不会触发组件重新渲染。有一个窍门，把它的改变动作放到useState()之前。本质上，useRef就是一个其.current属性保存着一个可变值“盒子”。目前我用到的是pageRef和sortRef分别用来保存分页信息和排序信息。

2022-12-24

8690

飞冰项目修改根目录

观察页面中资源的引入，都是绝对路径，都在根目录下，但是有时候，我们需要开发多个应用，需要部署多个前端项目，就要将其放到不同的目录，这样的话，路径就会产生问题，比方说我们想将前端项目放到/static/easyP/下面，目标代码如下：

2022-07-25

2K0

飞冰项目实现登录

使用飞冰框架实现登录功能，指的不是简单的登录提交，而是包括了鉴权等一些列操作。主要分为如下几点功能：

2022-07-18

4670

Taro如何在子组件中使用store

前面文章我们分别讲了如何创建reducer如何创建store，如何将store导入到入口组件，现在来了解下如何在页面组件中使用store。

2022-05-11

9300

Taro中如何将store加载到项目中

react app store 函数

上面文章我们了解了如何创建store，最后导出时，在函数内部创建了store，所以导出时，函数需要调用，然后通过provicer组件将其注入到项目中。

2022-05-11

6670

taro中创建store

上一篇文章，我们教大家创建了reducers，本次内容教大家用reducers创建store。

2022-05-11

4150

Taro中的reducer怎么创建

counter本质是一个函数，第一个参数为state，也就是默认值，函数体本质就是一个switch条件语句，根据传入不同的action返回不同的值，action通常有两个属性 type与payload。

2022-05-11

1.3K0

FusionDesign中分页组件的使用

FusionDesign中的分页组件分为两种，受控组件和非受控组件，我们在做分页式，基本上用到的都是受控组件，因为在整个页面中，并不是只有分页组件控制着数据展示的总条数，过滤器也会影响数据的总条数，总条数发生变化，分页器必将发生变化，需要重新渲染。

2021-12-29

5480

fusion Design中表格组件的使用

2、表头的设置有Column组件来设置，Column有两个主要属性，title和dataIndex，title是表格显示的列标题，dataIndex是根据其值获取数据中的属性值。

2021-12-29

1K0

FusionDesign中upload组件的补充用法1

今天给大家分享一下FusionDesign中upload组件的补充用法，Fusion的文档中介绍的使用方法基本都是依靠单独的Upload组件来完成，其实还有另外一种使用方法，文档的开发者并未写明在文档中，今天就将这种方法展示给大家：

2021-12-24

4200

fusionUI表单组件的补充

前面文章我们介绍了fusionUI表单组件的使用，这里有一些不补充，假如我们的表单填写工程中，需要实时操作一些值，或者说是实时获取某些输入项的值，该如何操作呢？有如下集中方案，监听每个组件的change事件，组件变动即可得到变化的值。

2021-12-24

9450

fusionUI上传组件Upload的使用

我们在使用时该使用哪些参数呢？这取决于你的使用方式，如果只是一个单独的上传文件的组件一般需要三个参数，action、onChange、name属性。

2021-12-24

1.3K0

fusionUI组件表单的使用

react的fusionUi组件提供了大量的封装好的组件，为开发人员节省了大量的时间，今天主要分享一下如何使用fusionUI的form表单组件，看一下最简单的例子：

2021-12-21

1.9K0

在React中如何使用history.push传递参数

第一种和第三种，在目标路由刷新后，参数还可以取到，但是第二种页面刷新后，参数就取不到了，第二种适合开发winform类的应用。

2021-12-19

19K0

飞冰笔记1.1-实现权限管理补充

上一篇文章我们遗漏了一点，那就是当用户的权限不足时，访问权限不足的路由是会发生什么呢？我们没有定义的话来看一下：

2021-12-13

5330

飞冰笔记1-实现权限管理

在使用飞冰框架过程中，有这么几点感触，首先飞冰是一个框架，是基于react技术，使用next组件和其他若干工具库搭建的一个框架，使用这个框架开发应用会大大缩短开发周期，举个形象，react相当于使用的是某一种砖头，ui组件是某种风格，而框架是毛坯房。

2021-12-13

9940

前端React集成websocket

socket.io react

React集成websocekt需要安装socket.io，安装完成后，将连接过程定义为一个模块，sicket.io会导出一个io函数，这个函数的参数就是websocket的连接地址和一些配置参数，其返回值是一个连接对象，项目中所有收发信息都是通过这个连接对象完成的，代码如下：

2021-12-08

1.9K0

点击加载更多

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态