Как вы отслеживаете количество рендеринга функциональных компонентов в React Native?

В идеале я бы хотел добавить маленький кружок 9X_reactjs-native в каждый компонент и видеть на экране счетчик 9X_react-native рендеринга.

Как вы отслеживаете повторный 9X_react-native-web рендеринг с помощью хуков / функциональных 9X_react-native-android компонентов?

5
0
1
Общее количество ответов: 1

Ответ #1

Ответ на вопрос: Как вы отслеживаете количество рендеринга функциональных компонентов в React Native?

Хорошо, вернулся к этому и выяснил, что 9X_react-native-android работает для моих целей.

import React, { useRef } from 'react';
import { TextInput } from 'react-native';

const SHOW_RENDER_COUNTERS = true;

const useRenderCounter = () => {
  const renderCount = useRef(0);
  renderCount.current = renderCount.current + 1;

  if (__DEV__ && SHOW_RENDER_COUNTERS) {
    return (
      
    );
  }
  return null;
};

export default useRenderCounter;

(Используйте SHOW_RENDER_COUNTERS для 9X_react-native-ios глобального отображения / скрытия счетчиков.)

Затем 9X_react-native вы встраиваете его в компонент, который 9X_react-native-android хотите отслеживать.

const Bubble = () => {
  const renderCounter = useRenderCounter();

  return (
    <>
      
      {renderCounter}
    
  );
};

И в итоге получается 9X_react-native-web что-то вроде этого.

9X_Как вы отслеживаете количество рендеринга функциональных компонентов в React Native?_react-native-ios

12
1

  • Ого, интере ...