测量你的组件在 React Native 功能组件中渲染的次数

Posted 2023-03-16

【中文标题】测量你的组件在 React Native 功能组件中渲染的次数

【英文标题】：Measuring how many times your components are rendering in React Native functional components

【发布时间】：2020-09-25 06:14:28

【问题描述】：

查看组件在类组件中呈现多少次的简单方法如下：

render() 
  console.log('component')
  return <Component />

功能组件中的等价物是useEffect吗？

useEffect(() => 
   console.log('component');
); 

当我调用它时，我注意到“组件”被一遍又一遍地打印出来。这是否意味着我的组件被不必要地一遍又一遍地重新渲染？

【参考方案1】：

不传递第二个参数会导致 useEffect 运行每个渲染。然后，当它运行时，它会获取数据并更新状态。然后，一旦状态更新，组件重新渲染，再次触发 useEffect。 如果您想像 componentDidMount 一样渲染一次，请将 '[]' 作为参数或您想要渲染的更改的状态。