如果useState为什么功能组件执行两次

时间:2020-05-14 14:55:11

标签: javascript reactjs react-hooks

我想知道为什么调用React useState会使功能组件执行两次。 请查看示例。

通过以下主体实例化虚拟组件:

const Dummy = () => {

  console.log('[Dummy] starting');

  return (
    <p>Dummy</p>
  )
};

输出:

[App] start
[Dummy] starting

但是对于以下身体:

const Dummy = () => {

  const [loading, setLoading] = useState(false);
  console.log('[Dummy] starting');

  return (
    <p>Dummy</p>
  )
};

控制台显示:

[App] start
[Dummy] starting
[Dummy] starting

两种情况的通用父代码:

const app = () => {
  console.log('[App] start');
  return (
    <Dummy />
  );
};

谢谢。

0 个答案:

没有答案