在功能组件中，应将console.log放置在哪里以测试该组件是否重新投放？

Question

如何检查功能组件何时更新和/或重新发布？

在类组件中，我可以使用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来控制台记录消息。”

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

• componentWillMount
• componentWillReceiveProps
• componentWillUpdate

不再鼓励

。 Read more