AI 助理
备案控制台
文章 2024-07-13 来自：开发者社区

react hooks 学习进阶

React Hooks 是 React 16.8 版本引入的一项重大特性，它允许在函数组件中使用状态（state）和其他 React 特性，从而极大地丰富了函数组件的功能，使其能够像类组件一样强大。以下是对 React Hooks 学习进阶的概述，包括主要 Hooks 的使用场景、进阶技巧及注意事项。 一、主要 ...

文章 2024-02-27 来自：开发者社区

React路由进阶方法

React中的路由进阶主要涉及以下几个方面： 使用动态路由参数： React Router支持使用动态路由参数来创建可变的路由。可以通过在路由路径中使用:paramName语法，然后在组件中通过useParams()钩子或match.params.paramName来获取动态参数的值。 路由嵌套和布局： 在React中，可以将路由配置进行嵌套，以实现复杂的布局结构。...

文章 2023-06-25 来自：开发者社区

「React 进阶」 React 全部 Hooks 使用大全 （包含 React v18 版本 ）（下）

一 前言 React hooks是react16.8 以后，react新增的钩子API，目的是增加代码的可复用性，逻辑性，弥补无状态组件没有生命周期，没有数据管理状态state的缺陷。本章节笔者将介绍目前 React 提供的所有 hooks ，介绍其功能类型和基本使用方法。 创作不易，希望屏幕前的你能给笔者赏个赞，以此鼓励我继续创作前端硬文。 二 hooks 之状态派生与保存 2.1 u...

「React 进阶」 React 全部 Hooks 使用大全 （包含 React v18 版本 ）（下）
文章 2023-06-25 来自：开发者社区

「React 进阶」 React 全部 Hooks 使用大全 （包含 React v18 版本 ）(中)

一 前言 React hooks是react16.8 以后，react新增的钩子API，目的是增加代码的可复用性，逻辑性，弥补无状态组件没有生命周期，没有数据管理状态state的缺陷。本章节笔者将介绍目前 React 提供的所有 hooks ，介绍其功能类型和基本使用方法。 创作不易，希望屏幕前的你能给笔者赏个赞，以此鼓励我继续创作前端硬文。 二 hooks 之执行副作用 2.1 use...

「React 进阶」 React 全部 Hooks 使用大全 （包含 React v18 版本 ）(中)
文章 2023-06-25 来自：开发者社区

「React进阶」React中没有keepalive？没事！手把手教你从零到一设计并实现一个！

一 前言 React 中没有 keepalive 怎么办？遇到这样的需求难道我们就不做了吗？ 别着急，今天就带大家从零到一设计并实现这个功能！ 希望通过今天的学习，能够掌握以下知识点： 如何设计并实现缓存组件，对以后工作的启发是什么？ React hooks 的合理使用。 创作不易，希望屏幕前的你能给笔者赏个赞，以此鼓励我继续创作前端硬文。 技术背景： 为什么要做缓存功能呢...

「React进阶」React中没有keepalive？没事！手把手教你从零到一设计并实现一个！
文章 2023-06-25 来自：开发者社区

「React进阶」换个姿势看 hooks ！ 灵感来源组合和HOC 模式下逻辑视图分离新创意

一 前言 懂得 JSX 本质的同学都知道它只不过是一种语法糖，会被 babel 处理成 createElement 的形式，最后再变成常规的 js 对象。所以，我们就可以在 js 逻辑层面对 element 对象做处理，自定义 hooks 作为 element 逻辑处理层，也就变得理所当然了。 本文我们就来研究一下，自定义 hooks 的一些其他的用途，以及怎么样处理视图层，还有一些新玩法。...

「React进阶」换个姿势看 hooks ！ 灵感来源组合和HOC 模式下逻辑视图分离新创意
文章 2023-06-25 来自：开发者社区

「React进阶」react-router v6 通关指南

一 前言不知不觉 react-router 已经到了 v6 版本了，可能很多同学发现，v6相比之前的 v5 有着翻天覆地的变化，因为最近接触到了 React 的新项目，用到了 v6 版本的 react-router，亲身体验发现这还是我认识的 router 吗 ？ 从 api 到原理都有较大的改动，所以今天就和大家一起看一下新版路由的变化。对于这次的改动，笔者的建议是：如果是新项目，可以尝试新版....

「React进阶」react-router v6 通关指南
文章 2023-06-25 来自：开发者社区

「React进阶」一场升级 React-Router 带来的‘血案’

一 前言 在前端开发过程中，有一种风险开发者值得警惕，就是正常情况下没有问题，但是因为一次小上线，或者一次服务器部署，造成的线上 bug 的情况，更有甚者线上的 bug 和上线的内容毫不相干，那么今天笔者就给大家分享一个真实案例。 本次案例覆盖的知识点如下： 1 项目中安装依赖包的规范。 2 context 的消费订阅。 3 react-router v5.2.0 版本变化。 ...

「React进阶」一场升级 React-Router 带来的‘血案’
文章 2023-06-25 来自：开发者社区

「React进阶」我在函数组件中可以随便写 —— 最通俗异步组件原理

前言 接下来的几篇文章将围绕一些‘猎奇’场景，从原理颠覆对 React 的认识。每一个场景下背后都透漏出 React 原理， 我可以认真的说，看完这篇文章，你将掌握： 1 componentDidCatch 原理 2 susponse 原理 3 异步组件原理。 不可能的事 我的函数组件中里可以随便写，很多同学看到这句话的时候，脑海里应该浮现的四个字是：怎么可能？因为我们印象中...

「React进阶」我在函数组件中可以随便写 —— 最通俗异步组件原理
文章 2023-06-25 来自：开发者社区

「React进阶」 推荐 8 个很棒的 React 工具库，强烈建议收藏～

俗话说的好 工欲善其事，必先利其器。笔者在开发 React 项目的时候，总结出一些很不错的 React 库，可以提高开发效率，满足业务需求，接下来将一一介绍它们。 UI组件库 Ant Design 要说 React 最受欢迎的 UI 组件库，那么我第一个想到的就是 Ant Design，Ant Design 提供了数十种常用的组件，比如 Button，Menu ，Table 等。 Ant ...

「React进阶」 推荐 8 个很棒的 React 工具库，强烈建议收藏～

本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。

React Native您可能感兴趣