我正在编写一个库,用于记录组件重新渲染的时间,因此我需要检测到这一点。
我可以通过猴子修补 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/