useContext

react面试之context的value变化时，内部所有子组件是否变化

contextconststate={a:1,b:1,}constcontext=createContext(state);exportdefaultcontext;//A组件constA=()=>{const{a}=useContext
只会写Bug的程序员·2023-08-05 21:46

【前端知识】React 基础巩固(四十四)——其他Hooks（useContext、useReducer、useCallback）

React基础巩固(四十四)——其他Hooks（useContext、useReducer、useCallback）一、useContext的使用在类组件开发时，我们通过类名.contextType=MyContext
前端Outman·2023-08-02 16:18

react中hooks--useContext用法

useContext⽤于在快速在函数组件中导⼊上下⽂。
Cupid510·2023-07-29 22:46

React-hooks-useContext

React-hooks-useContext在学习之前我们先来看看我们在没有hooks之前使用Context,使用Context是为了避免props多层传递的麻烦//###App.jsimportReact
||······2023-07-29 22:15

React Hooks -- useContext父子组件传值

通过createContext创建通过useContext使用useContext：可访问全局状态，避免一层层的传递状态。这符合Redux其中的一项规则，就是状态全局化，并能统一管理。
javafanwk·2023-07-29 22:45

react hooks--useContext

在开发过程中，什么时候用到useContext呢？当我们需要跨组件层级进行数据传递，实现共享时，useContext就能派上用场了。一、基础用法1.声明。
无翼之雀·2023-07-29 22:45

React的hooks---useContext

Context提供了一个无需为每层组件手动添加props，就能在组件树间进行数据传递的方法，useContext用于函数组件中订阅上层context的变更，可以获取上层context传递的valueprop
湖边看客·2023-07-29 22:44

React 常用Hooks (二)

useReducer总的来说useReducer是useState的复杂版和redux差不多importReact,{useState,useReducer,createContext,useContext
天青茯苓·2023-07-17 10:29

React Hooks中常用Hooks的用法详解

useLayoutEffect用法六、useMemo用法七、useCallback用法八、React.memo()语法九、useRef用法十、forwardRef用法十一、useImperativeHandle用法十二、useContext
这里是杨杨吖·2023-07-17 10:27

博客摘录「 React面试题（全家桶）」2023年6月15日

用于在组件渲染完成后执行副作用操作（比如数据获取、事件监听等）；useContext：用于在组件中访问React上下文；
qq_40055200·2023-07-16 17:11

学习react，复制了一个C站Civitai

目前只是为了展示数据，我的Civitai简单技术栈如下前端：React后端：Flask数据库，emmm没有用数据库react技术方面用的比较多的还是各种钩子，useEffect,useState,useContext
佛一脚·2023-07-16 12:09

React实现控制减少useContext导致非必要的渲染详解_React

目录前言1.拆分context2.使用useMemo包裹函数前言在我们使用useContext来进行数据流管理时，每当context更新时，所有使用到该context的组件都会重新渲染。
zhangyizuishuai·2023-07-13 21:28

React 的源码与原理解读（十六）：Context 与 useContext

写在专栏开头（叠甲）作者并不是前端技术专家，也只是一名喜欢学习新东西的前端技术小白，想要学习源码只是为了应付急转直下的前端行情和找工作的需要，这篇专栏是作者学习的过程中自己的思考和体会，也有很多参考其他教程的部分，如果存在错误或者问题，欢迎向作者指出，作者保证内容100%正确，请不要将本专栏作为参考答案。本专栏的阅读需要你具有一定的React基础、JavaScript基础和前端工程化的基础，作者并
摸鱼老萌新·2023-06-18 11:19

学习了react基础知识，如何进阶

了解ReactHooks，学会使用它们来编写组件，特别是使用常用的Hooks，如useState、useEffect和useContext。
Paula-柒月拾·2023-06-18 07:10

ReactHook技巧

useEffect3.1无需清除副作用(**Effect**)3.2需要清除副作用(**Effect**)3.3控制(**Effect**)调用次数四自定义hook4.1hoc4.2自定义Hook五useRef六useContext
小李科技·2023-06-07 12:27

这一次彻底搞定useReducer-使用篇

useReducer-基础概念篇useReducer-使用篇useReducer-配合useContext使用我们在第一篇文章中介绍了JavaScript中的reducer以及他的一些特点，对reducer
人人贷大前端技术中心·2023-04-14 21:12

react 中 mobx的使用案例详解

1.新建一个mobx.jsx文件import{useContext}from"react"importMyContextfrom'../..
·2023-04-13 09:08

React Hooks核心原理与实战

1.2优点二、常用的Hooks2.1useState2.2useEffect2.3useCallback：缓存回调函数2.4useMemo：缓存计算结果2.5useRef：在多次渲染之间共享数据2.6useContext
瑶梦玲珑骰·2023-04-10 03:15

react-hooks中useContext的使用

react-hooks中useContext的使用1、作用useContext可以多层嵌套传输数据和方法2、使用1、新建一个store.js文件，使用React.createContext()创建一个自己的
Shimmer-612·2023-04-08 12:14

React--hooks-- useContext的使用

而React-hooks为我们提供了useContext来让我们在函数组件中更方便的接收context。一、useContext的基本用法需求：简单实现一个主题
God Void·2023-04-08 12:14

react-hooks:useContext

父组件importReactfrom"react";constTestContext=React.createContext({});子组件useContext()钩子函数用来引入Context对象，从中获取
带脑子的CV工程师·2023-04-08 12:12

React-Hooks----useContext()

文章目录前言用法前言useContext()是ReactHooks中的一个用于访问React上下文（Context）的Hook。
我不会JavaScript·2023-04-08 12:35

React Hooks 中useContext api的用法

useContext的使用
Aaron_1127·2023-04-07 04:30

React createContext 与 useContext 的基本使用

一、createContext的使用创建一个Context对象。当React渲染一个订阅了这个Context对象的组件，这个组件会从组件树中离自身最近的那个匹配的Provider中读取到当前的context值。只有当组件所处的树中没有匹配到Provider时，其defaultValue参数才会生效。效果写法一importReact,{createContext}from"react";//直接由父
卡尔特斯·2023-04-06 19:53

React自定义hook

常用的有哪些hookReact中常用的hooks有：useState状态管理useEffect生命周期useContext跨组件数据传递useRef组件引用....自定义hook自定义hook
剑老师·2023-04-05 19:04

React（九）：其他Hook、自定义Hook、Redux和Hook联动

React（九）一、其他Hook1.useContext2.useCallback（1）引出性能弱点（2）子组件重复渲染的问题（3）第一波性能优化（4）终极性能优化3.useMemo4.useCallback
DantinZhang·2023-04-05 17:23

【React】--React hook

努力学习前端知识的小羊感谢你们的支持：收藏点赞加关注文章目录ReactHookuseState（保存组件状态）useEffect（处理副作用）useCallback(记忆函数)useMemo（记忆组件）useRef（保存引用值）useContext
晴♡栀·2023-04-04 18:22

[React组件化]函数式组件中使用React Hooks实现简易版的redux

如题，使用reacthooks实现使用redux的效果，主要用到的钩子就是useReducer，useContext主要解决的问题：函数式组件注入共享状态使用reacthooks实现简易版redux多个
Yezzle·2023-04-02 00:11

React使用antd实现可编辑单元格

importReact,{useContext,useState,useEffect,useRef}from'react';import{Input,Form,}from'antd';importTablefrom
六卿·2023-03-31 05:08

如何有效减少使用useContext导致的不必要渲染

在我们使用useContext来进行数据流管理时，每当context更新时，所有使用到该context的组件都会重新渲染。
CBDxin·2023-03-30 18:35

React Hooks与Redux的配合及状态管理方案(清晰 推荐阅读)

因此目前社区中hooks主要有这么三种方案来解决应用的状态管理问题使用Redux-React-Hook库替代React-redux，与Redux一同配合使用useReducer、useContext等纯
hsany330·2023-03-24 18:05

使用 useContext && useReducer 代替 Redux 进行状态管理

react-redux思想创建actions纯函数来描述行为和所需数据创建reducers去处理一类actions的不同类型的action创建store去合并多个不同的reducers在react主入口文件通过Provider去注入store某个组件需要store的中的某个状态，通过connectHOC去将state和dispatch关联到该组件的props需要用到的APIcreateContex
弱冠而不立·2023-03-20 18:02

React源码分析之useCallback与useMemo及useContext详解

目录热身准备初始化mountmountCallback更新update使用场景总结热身准备createContextProviderConsumeruseContext初始化mount&更新update总结热身准备useCallback和useMemo是一样的东西，只是入参有所不同。useCallback缓存的是回调函数，如果依赖项没有更新，就会使用缓存的回调函数；useMemo缓存的是回调函数的
·2023-03-19 00:37

React hooks ——useContext初学

一、useContext的作用1.useContext可以帮助我们跨越组件层级直接传递变量，实现共享。需要注意的是useContext和redux的作用是不同的！！！
小溪呀·2023-03-14 12:14

React Hooks——使用useContext与useReducer来代替Redux

使用useContext与useReducer来代替Redux以下代码使用了TypeScript首先是入口文件，一个父级Color组件包裹两个子级组件，没啥好说的。
爱学习的前端小黄·2023-03-14 12:42

React学习笔记——Hooks中useContext的基础介绍和使用

在React的世界中，有容器组件和UI组件之分，在ReactHooks出现之前，UI组件我们可以使用函数，无状态组件来展示UI，而对于容器组件，函数组件就显得无能为力，我们依赖于类组件来获取数据，处理数据，并向下传递参数给UI组件进行渲染。使用ReactHooks相比于从前的类组件有以下几点好处：代码可读性更强，原本同一块功能的代码逻辑被拆分在了不同的生命周期函数中，容易使开发者不利于维护和迭代，
老Chen先生·2023-03-14 12:11

【React全家桶】React Hooks

ReactHookshooks介绍useState(保存组件状态)useEffect()useCallback(记忆函数)useMemo()记忆组件useRef(保存引用值)useReducer()useContext
糖^O^·2023-03-12 07:29

React useNavigationUnsavedChangesDialog

在线Demoimport{useCallback,useState,useContext,useEffect}from"react";import{useNavigate,UNSAFE_NavigationContext
wuzinong·2023-03-11 10:11

React useContext与useReducer函数组件使用

目录useContext介绍使用useReducer介绍使用(简单示例实现计算器)将useContext与useReducer整合useContext介绍与class中写法对比减少了代码量,省去了返回回调函数获取传来的值使用
·2023-02-18 01:53

问：你是如何进行react状态管理方案选择的？

前言：最近接触到一种新的（对我个人而言）状态管理方式，它没有采用现有的开源库，如redux、mobx等，也没有使用传统的useContext，而是用useState+useEffect写了一个发布订阅者模式进行状态管理
·2023-02-16 20:58

从React源码角度看useCallback，useMemo，useContext

热身准备useCallback和useMemo是一样的东西，只是入参有所不同。useCallback缓存的是回调函数，如果依赖项没有更新，就会使用缓存的回调函数；useMemo缓存的是回调函数的return，如果依赖项没有更新，就会使用缓存的return；官网有这样一段描述useCallback(fn,deps)相当于useMemo(()=>fn,deps)。所以这里，只以useCallback为
·2023-02-07 10:49

常用的react hooks

React提供的Hooks其实非常少，一共只有10个，比如useState、useEffect、useCallback、useMemo、useRef、useContext等等。
Fire_god·2023-02-06 12:14

给前端快速上手摸鱼一把主流状态管理库，这家伙真香

除了热门库Redux、Mobx、Recoil、Zustand等之外，React的正式版也来到了v17，useState、useReducer、useContext等状态管理相关hook的概念和应用也逐渐深入人心
懒人码农·2023-02-06 07:10

React(16.8)

importReact,{useState,useEffect,useContext}from"react";/*导入React其中牵扯了Es6的语法解构赋值let{name,age,sex,friends
DosLT·2023-01-27 14:01

react中Context 的使用

react中context为解决跨组件通信问题父组件通过context.Provider提供数据孙子组件通过useContext进行使用App.tsximport{useState}from"react"importHomefrom
东方睡衣·2023-01-12 18:27

React Context原理深入理解源码示例分析

目录开篇一、概念二、使用2.1、React.createContext2.2、Context.Provider2.3、React.useContext2.4、Example三、原理分析3.1、createContext
·2023-01-05 05:56

从react源码看hooks的原理

React暴露出来的部分Hooks//packages/react/src/React.jsexport{...useCallback,useContext,useEffect,useLayoutEffect
·2023-01-04 12:01

从React源码角度看useCallback，useMemo，useContext

热身准备useCallback和useMemo是一样的东西，只是入参有所不同。useCallback缓存的是回调函数，如果依赖项没有更新，就会使用缓存的回调函数；useMemo缓存的是回调函数的return，如果依赖项没有更新，就会使用缓存的return；官网有这样一段描述useCallback(fn,deps)相当于useMemo(()=>fn,deps)。所以这里，只以useCallback为
·2023-01-03 11:22

React钩子

使用对应各种钩子目前项目中常用的有:useStateuseEffectuseRefuseReduceruseContextuseMemo我一般将其一起引用(根据个人需求引入)importReact,{forwardRef,useContext
我脾气呢·2022-12-20 20:23

问：你是如何进行react状态管理方案选择的？

前言：最近接触到一种新的（对我个人而言）状态管理方式，它没有采用现有的开源库，如redux、mobx等，也没有使用传统的useContext，而是用useState+useEffect写了一个发布订阅者模式进行状态管理
·2022-12-20 12:49
上一页 1 2 3 4 5 6 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他