React Native是Facebook推出的一款跨平台移动应用开发框架，它可以让开发者基于JavaScript和React开发出同时兼容iOS和Android平台的原生应用。作为当今最热门的跨平台开发框架之一，React Native在过去几年里取得了巨大的成功，吸引了越来越多的开发者的加入。但是，随着移动应用行业的不断发展和变化，React Native所面临的挑战也与日俱增。那么，我们该如
转载
2024-07-02 21:03:40
22阅读
React的context就是一个全局变量，可以从根组件跨级别在React的组件中传递。React context的API有两个版本，React16.x之前的是老版本的context，之后的是新版本的context。1.老版本的contextgetChildContext 根组件中声明，一个函数，返回一个对象，就是contextchildContextTypes 根组件中声明，指定co...
转载
2021-06-30 16:43:28
221阅读
Context 提供了一种在组件树中共享数据的方式，而不必通过 props 显式地逐层传递。它主要用于共享那些对于组件树中许多组
上一篇 《React Flow 实战》介绍了自定义节点等基本操作，接下来就该撸一个真正的流程图了 一、ReactFlowProviderReact Flow 提供了两个 Hooks 来处理画布数据：import {
useStoreState,
useStoreActions
} from 'react-flow-renderer';通常情况下可以直接使用它们来获
个对象，就是contextchildContextTypes 根组件中声明，指定co...
转载
2022-03-29 14:51:29
532阅读
React Hooks 是 React 16.8 引入的特性，它让函数组件能够拥有类组件的状态管理和生命周期等能力，无需编写类组件就能实现更复杂的逻辑。Hooks 解决了类组件中代码复用难、逻辑分散等问题，让代码更简洁、易维护。下面介绍几个常见的 React Hooks 及其用法：1. useState：管理组件状态useState 用于在函数组件中添加状态，它返回一个状态变量和更新该状态的函数。
在react典型的数据流中，props传递是父子组件交互的唯一方式；通过传递一个新的props值来使子组件重新re-render,从而达到父子组件通信。当然，就像react官网所描述的一样，在react典型的数据量之外，某些情况下（例如和第三方的dom库整合，或者某个dom元素focus等）为了修改
转载
2017-03-13 09:51:00
126阅读
PureComponent有什么用？一般组件的shouldComponentUpdate默认返回的是true,但是一旦父组件及时状态或props没有变化，也会造成子组件的render调用，这是很不合理的，我们可以让子组件继承自PureComponent来解决这个问题。PureComponent的基本原理重写了shouldComponentUpdate方法。对组件的新/旧 state和props中的数据进行浅比较，如果没有变化则返回false，反之返回true.PureComponent用法
原创
2021-12-16 16:36:48
90阅读
PureComponent有什么用？一般组件的shouldComponentUpdate默认返回的是true,但是一旦父组件及时状态或props没有变化，也会造成子组件的render调用，这是很不合理的，我们可以让子组件继承自PureComponent来解决这个问题。PureComponent的基本原理重写了shouldComponentUpdate方法。对组件的新/旧 state和props中的数据进行浅比较，如果没有变化则返回false，反之返回true.PureComponent用法
原创
2022-02-25 13:34:58
48阅读
为什么要使用shouldComponentUpdate?只要是组件继承自React.Component就会存在当父组件重新render的时候，子组件也会重新执行render,即使这个子组件没有任何变化。子组件只要调用setState就会重新执行render,及时setState的参数是一个空对象。shouldComponentUpdate的用法在子组件中：shouldComponentUpdate(nextProps,nextState) { if (nextProps.m1 === t
原创
2022-02-25 13:34:58
179阅读
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。 不知道大家想过这样一个问题没有，我们创建了一个子组件后，要把它放到指定的dom元素下面，该怎么办？ ReactDom提供了这样一个api// child可以是ReactElement, Arrays, fragments, Portals, String, numbers, // Boo
转载
2022-03-29 14:13:00
57阅读
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。本文链接：https://blog.csdn.net/mmzzll2019/article/details/89348085在线演示https://myp00yr1xx.codesandbox.io/react-portal在线代码https://codesandbox.io/embed/...
转载
2021-06-30 15:34:12
120阅读
为什么要使用shouldComponentUpdate?只要是组件继承自React.Component就会存在当父组件重新render的时候，子组件也会重新执行render,即使这个子组件没有任何变化。子组件只要调用setState就会重新执行render,及时setState的参数是一个空对象。shouldComponentUpdate的用法在子组件中：shouldComponentUpdate(nextProps,nextState) { if (nextProps.m1 === t
原创
2021-12-16 16:26:07
222阅读
在react典型的数据流中，props传递是父子组件交互的唯一方式；通过传递一个新的props值来使子组件重新re-render,从而达到父子组件通信。当然，就像react官网所描述的一样，在react典型的数据量之外，某些情况下（例如和第三方的dom库整合，或者某个dom元素focus等）为了修改
原创
2022-07-13 09:41:15
151阅读
基本路由嵌套路由动态路由404 路由URL 参数查询参数状态传递声明式（Link/NavLink）编程式（useNavigate）集中配置路由懒加载路由守卫权限控制。
Redux 是一个用于 JavaScript 应用的状态管理工具，它帮助你以可预测的方式管理应用状态。状态集中管理单向数据流纯函数更新中间件扩展。
一、异步更新更舒适的交互方式二、useTransition 概念解读三、Suspense 结合 useTransition 使用四、新交互下，input 框实时请求的难点与最佳实践本文主要内容如上，全文共 2463 字，阅读预计用时 3 分钟。1更舒适的交互先来看一下我们想要实现的交互效果，如图所示。 我们在前面学习了 Suspense。Suspense 的 fallback 与子组件
说明：完整代码：require('./static/less/test.less')varReact=require('react')varReactDom=require('react-dom')varReactRouter=require('react-router-dom')varRouter=ReactRouter.BrowserRoutervarRoute=ReactRouter.Rou
原创
2018-04-22 07:01:00
2138阅读
点赞
在 React 中，useCallback 是一个用于优化性能的钩子函数，主要作用是缓存函数引用，避免在组件重新渲染时创建不必要的新函数实例。基本用法jsxconst memoizedCallback = useCallback(
() => {
// 函数逻辑
doSomething(a, b);
},
[a, b], // 依赖数组
);参数 1：需
前言最近一年，因为公司业务需要，部门引入了rn这门跨段技术来开发业务需求。从去年部门大佬调研rn这个框架到现在已有超过一年的时间了。而我从当时毕业不到1年的小白成长到现在负责维护项目的Android端代码的主力。同时，自己对rn相关的技术有了不少理解。因此，想要分享一些知识点，希望可以帮助到大家。我会以一个专栏的方式述说在这一年当中使用rn开发需求遇到的困难。大家可以借鉴参考下，共同进步！！！使用
转载
2023-11-21 07:00:12
27阅读
