前言 前端路由： 一个路径path 对应 一个组件component 当我们在浏览器中访问一个 path 的时候，path对应的组件会在页面中进行渲染； 一、创建路由开发环境 创建具有 路由 项目的

useState的更新写法某些情况下过于繁琐，新文档介绍的use-inner虽然可以稍微补足，但是还不够丝滑，本文将介绍一种类似Vue的reactive的写法，写起来十分丝滑，也更符合编程直觉。

React 中没有 keepalive 怎么办？遇到这样的需求难道我们就不做了吗？今天我们从原理到实践，从零到一，在React 中实现 Vue 中的 keepalive 功能！

React Portal 提供了一种将子节点渲染到父组件以外的 DOM 节点的优秀解决方案。Portal 的最常见用例是子组件需要从视觉上脱离父容器，如下所示。 可以使用 ReactDOM.createPortal(child,container) 创建一个 Portal。这里…

React 的工作原理 React 会创建一个虚拟 DOM(virtual DOM)。当一个组件中的状态改变时，React 首先会通过 "diffing" 算法来标记虚拟 DOM 中的改变，第二步是调

介绍 利用GPT的强大语言能力，整理了大量的面试题目，并将这些题目整合成了一份面试题目集合。希望能够帮到你。后续将会继续更新，如果有出现错误，请在评论区指出，我会进行修改。

1. React 中 keys 的作用是什么？ Keys 是 React 用于追踪哪些列表中元素被修改、被添加或者被移除的辅助标识。 有了key属性后，就可以与组件建立了一种对应关系，react根据key来决定是销毁重新创建组件还是更新组件。 key相同，若组件属性有所变化，则…

自从react16.8，react-hooks诞生以来，在工作中一直使用hooks，一年多的时间里，接触的react项目，渐渐使用function无状态组件代替了classs声明的有状态组件，期间也总结了一些心得。尤其对于近期三个月的项目里，一点点用自定义hooks来处理公司项…

Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。本文是一篇以实战为主的文章，主要讲解实际项目中如何使用hooks以及一些最佳实践，不会一步步再介绍一遍react hooks的由来和基本使用，…