Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 测量组件在React本机功能组件中渲染的次数_Reactjs_React Native_Rendering_Use Effect_React Functional Component - Fatal编程技术网

Reactjs 测量组件在React本机功能组件中渲染的次数

Reactjs 测量组件在React本机功能组件中渲染的次数,reactjs,react-native,rendering,use-effect,react-functional-component,Reactjs,React Native,Rendering,Use Effect,React Functional Component,查看组件在类组件中渲染多少次的简单方法如下: render() { console.log('component') return <Component /> } 当我调用它时,我注意到“组件”被反复打印。这是否意味着我的组件正在不必要地一次又一次地重新渲染?不传递第二个参数会导致useEffect运行每个渲染。然后,当它运行时,它获取数据并更新状态。然后,一旦状态被更新,组件就会重新呈现,从而再次触发useEffect。 如果要像componentDidMount一样呈现

查看组件在类组件中渲染多少次的简单方法如下:

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

当我调用它时,我注意到“组件”被反复打印。这是否意味着我的组件正在不必要地一次又一次地重新渲染?

不传递第二个参数会导致useEffect运行每个渲染。然后,当它运行时,它获取数据并更新状态。然后,一旦状态被更新,组件就会重新呈现,从而再次触发useEffect。 如果要像componentDidMount一样呈现一次,请将“[]”传递为参数或要呈现更改的状态

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