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

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

web share

专栏作者

65

文章

94205

阅读量

14

订阅数

useState和useRef的区别

useState的值在每个rernder中都是独立存在的。而useRef.current则更像是相对于render函数的一个全局变量，每次他会保持render的最新状态。 useState值的更新会触发组件重新渲染，而useRef的current不会出发重渲染。 useRef（）钩不仅用于DOM引用。“ ref”对象是通用容器，其当前属性是可变的，并且可以保存任何值，类似于类的实例属性。变量是决定视图图层渲染的变量，请使用useState，其他用途useRef useRef特性：可变的ref对象，持久化

愤怒的小鸟

2021-10-01

4.9K0

react和vue设主题色

1. react 使用createContext、useContext设置主题色 import React, { useState } from 'react'; interface IThemeProps { [key: string]: { color: string; background: string; } } // 主题色 const themes: IThemeProps = { 'light': { color: '#000', backgro

愤怒的小鸟

2021-09-15

4190

前端常用方法

1. vue 限制只能输入名称32位中文，手机号11位数字，验证码6位数字 watch: { 'bindForm.name'(val) { let pattern = /[^\u4e00-\u9fa5]+/ this.bindForm.name = val.replace(pattern, '') if (val.length > 32) { this.bindForm.name = val.substring(0, 32) }

愤怒的小鸟

2021-09-11

3230

React Hook 和 Vue Hook

react 编程算法 vue.js 渲染

Hooks 严重依赖于 JS 闭包,但是闭包有时很棘手，当咱们使用一个有多种副作用和状态管理的 React 组件时，可能会遇到的一个问题是过时的闭包。

愤怒的小鸟

2021-01-27

2K0

React封装共用弹窗组件

1. 基本功能逻辑实现基本对外接口(函数式) const Modal = ({ visible=false, style, width= 520, zIndex=1000, centered=false, title='title', footer, wrapClassName='', okText='确定', okType='primary', cancelText='取消', cancelType='def

愤怒的小鸟

2021-01-21

1.9K0

React 中的高阶组件及其应用场景

可以发现，属性代理其实就是一个函数接受一个 WrappedComponent 组件作为参数传入，并返回一个继承了 React.Component 组件的类，且在该类的 render() 方法中返回被传入的 WrappedComponent 组件。

愤怒的小鸟

2021-01-20

1.3K0

React受控组件和非受控组件

在HTML中，表单元素的标签<input>、<textarea>、<select>等的值改变通常是根据用户输入进行更新。在React中，可变状态通常保存在组件的状态属性中，并且只能使用 setState() 进行更新，而呈现表单的React组件也控制着在后续用户输入时该表单中发生的情况，以这种由React控制的输入表单元素而改变其值的方式，称为受控组件。比如，给表单元素input绑定一个onChange事件，当input状态发生变化时就会触发onChange事件，从而更新组件的state。

愤怒的小鸟

2021-01-11

3.5K0

React16废弃的生命周期和新的生命周期

废弃的原因：是在React16的Fiber架构中，调和过程会多次执行will周期，不再是一次执行，失去了原有的意义。此外，多次执行，在周期中如果有setState或dom操作，会触发多次重绘，影响性能，也会导致数据错乱。

愤怒的小鸟

2021-01-05

1.6K0

react 和 vue的对比

react vue.js xml http

一、相同点支持组件化数据驱动视图使用vdom操作DOM 二、不同点 1. 书写方式不同 react 使用jsx拥抱js vue 使用模板拥抱html 2. 编程思想不同 react 函数式编程 vue 声明式编程 3. event事件不同 1. react: event 是SyntheticEvent(合成事件), 模拟出来DOM事件所有能力 event.nativeEvent 是原生事件对象所有的事件都被挂载到document上 2. vue: event 为原生事件事件挂载到当前元素上 4.

愤怒的小鸟

2020-12-02

5850

Redux 和 Mobx 区别

1. 设计思想不同 Redux函数式编程思想 Mobx对象编程和相应式编程 2. 对store管理不同 Redux将所有共享的数据集中在一个大的store中，统一管理 Mobx按模块将状态划出多个独立的store进行管理 3. 数据可变性的不同 Redux强调的是对象的不可变性，不能直接操作状态对象。而是在原来状态对象的基础上返回一个新的状态对象，最后返回应用的上一个状态 Mobx可以直接使用新值更新状态对象 4. 状态更新方式不同得益于 Mobx 的 observable，使用 mobx 可以做到精准

愤怒的小鸟

2020-11-30

1.5K0

React 原理问题

useEffect会捕获props和state。所以即便在回调函数里，你拿到的还是初始的props和state。如果想得到“最新”的值，可以使用ref。

愤怒的小鸟

2020-11-29

2.4K0

4. useEffect() 副作用钩子 <=> class组件中的 componentDidMount、componentUpdate和componentWillUnmount生命周期

愤怒的小鸟

2020-11-27

5710

没有更多了

社区活动

腾讯技术创作狂欢月

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

Python精品学习库

代码在线跑，知识轻松学

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

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

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

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