Javascript 在功能组件中,我将在何处放置console.log以测试组件是否重新加载?

Javascript 在功能组件中,我将在何处放置console.log以测试组件是否重新加载?,javascript,reactjs,react-functional-component,Javascript,Reactjs,React Functional Component,如何检查功能组件何时更新和/或重新加载 在类组件中,我可以使用componentWillUpdate到console.log消息。 我应该将console.log放在功能组件的何处以获得相同的控制台输出 我看到两个地方,组件的功能体,我会把它放在最开始的地方。 在jsx内部。这些会给我同样的结果吗 我之所以这样问,是因为我无法让React.memo运行,我想知道我是否测试了错误的东西。使用React 16.8中的效果挂钩 所以您声明可以使用“componentwillupdatetoconso

如何检查功能组件何时更新和/或重新加载

在类组件中,我可以使用
componentWillUpdate
console.log
消息。 我应该将
console.log
放在功能组件的何处以获得相同的控制台输出

我看到两个地方,组件的功能体,我会把它放在最开始的地方。
在jsx内部。这些会给我同样的结果吗


我之所以这样问,是因为我无法让React.memo运行,我想知道我是否测试了错误的东西。

使用React 16.8中的效果挂钩


所以您声明可以使用“componentwillupdatetoconsole.log消息”

请注意,以下生命周期方法:

  • 组件将安装
  • 组件将接收道具
  • 组件将更新
不再鼓励。

我刚刚发布了一个答案并展示了您的答案。令人惊叹的!
function Example() {
  const [count, setCount] = useState(0);

  // Similar to componentDidMount and componentDidUpdate:
  useEffect(() => {
    // Update the document title using the browser API
    document.title = `You clicked ${count} times`;
  });