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

【问题标题】：Measuring how many times your components are rendering in React Native functional components测量你的组件在 React Native 功能组件中渲染的次数
【发布时间】：2020-09-25 06:14:28
【问题描述】：

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

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

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

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

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

【问题讨论】：

标签： reactjs react-native rendering use-effect react-functional-component

【解决方案1】：

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

【讨论】：