在useEffect外部呈现和在useEffect内部呈现的区别

Question

考虑一个react功能组件，如果我将我的组件作为子组件添加到其他组件中。它工作得很完美。出于测试目的，我在useEffect外部登录。当页面加载时，它在useEffect内部呈现一次，在useEffect外部呈现多次。这是否意味着，由于消息多次记录在useEffect之外，我的组件会多次呈现？

useEffect(()=>{
  console.log('from toolbar inside useEffect')
},[]);
console.log('from toolbar outside useEffect')

Answer 1

是，这意味着您的组件正在多次呈现

  console.log('from toolbar inside useEffect')

这只会呈现一次，因为您已经这样设置了它。您已将UseEffect设置为在页面加载时仅运行一次。

当某些东西发生变化时，可以使用UseEffect运行一些逻辑

useEffect(() => {
 // The logic that you want to run
},[comma seperated parameters])

只要有任何参数发生变化，就会调用useEffect钩子。

由于您没有传递任何参数，因此它只运行一次。

您可以阅读有关useEffect here的更多信息