Пакеты для проверки повторного рендеринга в компонентах es5, отличных от «WhyDidYouRender»

Question

Сейчас я использую пакет WhyDidYourender для проверки повторного рендеринга компонентов, но в моем репо есть несколько компонентов, использующих es2015. WhyDidYouRender не работает в компонентах es2015. См. Ниже ошибку:

TypeError: Class constructor MyComponent cannot be invoked without 'new'

Так что нужен способ проверки повторного рендеринга для компонентов es5. Кроме того, Chrome пробовал подсвечивать для подтверждения повторного рендеринга, пожалуйста, не рекомендую.
Любая помощь приветствуется, Спасибо! Ссылка репо WhyDidYouRender: https://github.com/welldone-software/why-did-you-render

Answer 1

Поддерживать ES6 или нет полагаться на ваш браузер. Это больше похоже на то, что вы пытаетесь использовать класс, но нет экземпляра для доступа.

Доступ к классу es5 доступен в PR # 8656 , все элементы класса реакции поддерживаются для расширения с помощью эта библиотека. Если вы переносите свои занятия по ES5 или ES6, используйте следующий код:

// traspiled to es5
const whyDidYouRender = require('@welldone-software/why-did-you-render);
// traspiled to es6
const whyDidYouRender = require('@welldone-software/why-did-you-render/dist/no-classes-transpile/umd/whyDidYouRender.min.js');