reactjs - React,如何知道纯函数组件何时被渲染?

标签 reactjs

我正在编写一个库,用于记录组件重新渲染的时间,因此我需要检测到这一点。

我可以通过猴子修补 React.Component.prototype.componentDidUpdate 来扩展 React.Component 的组件,但是如何检测纯函数组件被渲染?这可能吗?

最佳答案

由于函数组件不使用继承和生命周期 Hook ,因此无法在不修改组件源代码的情况下修补它们。

可以使用React开发工具使用的API来访问React渲染器,一个钩子(Hook)被分配给__REACT_DEVTOOLS_GLOBAL_HOOK__ ,然后它被 React 渲染器捕获。一个很好的例子是 react-render-hook 。它本身不提供所需的功能,但可以根据要求进行修改,特别是 this line .

关于reactjs - React,如何知道纯函数组件何时被渲染?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52351099/

相关文章:

javascript - API 在 MVC 中扮演什么角色?

javascript - 按 id 引用下拉列表不同组件的数组

javascript - 尝试在React Native Stack Navigator v5中访问route.params

node.js - 获取 TypeError : undefined is not an object (evaluating '_mathjs.default.fraction' ), React-Native

ios - react native : Default iOS device inside simulator

reactjs - 样式化组件/React - Fragment 元素上的样式

javascript - 为登录用户和 guest 用户 react 单独的路由

javascript - 热衷于为 React 中的每个元素制作唯一的 NavLink?

javascript - React.js 应用程序在服务器中作为空白页面打开,而在本地运行良好

.net - React 和 Visual Studio 2013 是一个很好的组合吗?