React中实现hooks是否必须依赖Fiber架构？

本文共计2818个文字，预计阅读时间需要12分钟。

React 如何实现 Hooks？

React Hooks 的实现依赖于 Fiber 架构。

下面本章节将带大家看看不同框架中的 Hooks 都是如何实现的，希望对大家有所帮助！

React 的 Hooks 是在 Fiber 之后出现的特性，其特性是：

react如何实现hooks？React Hooks 的实现必须依赖 Fiber 么？下面本篇文章带大家来看看不同框架中的 hooks 都是怎么实现的，希望对大家有所帮助！

React 的 hooks 是在 fiber 之后出现的特性，所以很多人误以为 hooks 是必须依赖 fiber 才能实现的，其实并不是，它们俩没啥必然联系。

现在，不止 react 中实现了 hooks，在 preact、react ssr、midway 等框架中也实现了这个特性，它们的实现就是不依赖 fiber 的。

我们分别来看一下这些不同框架中的 hooks 都是怎么实现的：

react 如何实现 hooks

react 是通过 jsx 描述界面的，它会被 babel 或 tsc 等编译工具编译成 render function，然后执行产生 vdom：

这里的 render function 在 React17 之前是 React.createElement：

在 React 17 之后换成了 jsx：

这个 jsx-runtime 会自动引入，不用像之前那样每个组件都要保留一个 React 的 import 才行。