在功能组件中，我应该在哪里放置 console.log 来测试组件是否重新呈现？

Question

如何检查功能组件何时更新 and/or 重新呈现？

在 class 组件中，我可以使用 componentWillUpdate 到 console.log 消息。我应该将 console.log 放在功能组件中的什么位置以获得相同的控制台输出？

我看到两个地方，组件的函数体，我会放在最开始的地方。
在 jsx 里面。这些会给我相同的结果吗？

我问是因为我无法让 React.memo 工作，我想知道我是否测试了错误的东西。

Answer 1

在 React 16.8 中使用效果挂钩 offical document

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`;
  });

Answer 2

所以您说您可以使用“componentWillUpdate 来 console.log 一条消息。”

请注意以下生命周期方法：

componentWillMount
componentWillReceiveProps
componentWillUpdate

不再鼓励。 Read more

在功能组件中，我应该在哪里放置 console.log 来测试组件是否重新呈现？

In a functional component, where would I place a console.log to test if the component rerenders?

javascript

reactjs

react-functional-component