将"console.log"添加到所有"useEffect"中

Question

出于开发目的，我希望可以选择在React应用程序中记录useEffect的所有使用。有没有一种简单的方法来扩展这个函数的行为？我正在使用Webpack，以防这会为我们提供一种额外的方式

此外，因为这将导致许多console.log，有没有一种方法可以通过提供识别调用useEffect的组件的信息来区分它们？

我希望通过这种行为(在控制台中("直观地"检查应用程序是否冗余地重新发送。

Answer 1

如果应用程序冗余地重新发送，我想让这种行为"可视化"检查(在控制台中(。

有一个库可以为您做到这一点：https://github.com/welldone-software/why-did-you-render#readme

回购有一个简单的设置示例：

import React from 'react';
if (process.env.NODE_ENV === 'development') {
const whyDidYouRender = require('@welldone-software/why-did-you-render');
whyDidYouRender(React);
}