Как вы отслеживаете количество рендеринга функциональных компонентов в 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

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