Как использовать интерфейс Perf для React addact Perf?

Ответ 1

Я знаю, что этот вопрос старый - но в случае, если кто-то сюда придет (как и я), вот как вы должны это делать сегодня...

Вы импортируете ответный аддон, который вы хотите отдельно

import Perf from 'react-addons-perf'

а затем вы можете делать все, что хотите. Пример. Назначьте его объекту окна, чтобы его можно было использовать в консоли.

window.Perf = Perf

Ответ 2

Я получал ту же ошибку, которая вызывала Perf.start() в функции рендеринга, где я хотел начать профилирование, казалось, был проблемой синхронизации, поэтому я только начал записывать перфоманс, прежде чем я что-то сделал, а затем назвал свои функции печати, когда Я хотел посмотреть, что происходит (псевдокод):

В app.js:

//var React = require('react'); // DONOTCHECKIN
var React = require('react/addons');
// ...

function run() {
  // DONOTCHECKIN
  window.Perf = React.addons.Perf; // save for later console calls
  React.addons.Perf.start();
  // ...

Затем в консоли я могу вызвать:

Perf.printWasted()

Надеюсь, что это поможет.