反应 useEffect 钩子问题答案

【问题标题】：React useEffect hook issue反应 useEffect 钩子问题
【发布时间】：2020-12-20 15:25:05
【问题描述】：

我正在尝试在我的代码中使用 React useEffect 挂钩，如下所示：

function App() {
  React.useEffect(() => {
    console.log('effect working')
  }, [])
  return (
    <div className="App">
      <HomePage/>
    </div>
  );
}

export default App;

但是我在控制台上没有得到任何输出，甚至没有错误。我不明白错误在哪里。 PS：我正在使用 create-react-app 打字稿模板。如果需要，我愿意提供更多信息。

【问题讨论】：

你能提供一个Minimum, Reproducible Example吗？你的代码看起来没问题，应该可以工作，除非你的代码的其他地方有问题。
只是一个随机猜测，但您是否有任何过滤器应用于您的开发控制台？也许这会过滤掉您的日志，因为代码看起来不错。
不出所料，works as expected。展示一个重现问题的完整示例。
这个组件是在父组件还是根目录下导入的？
感谢大家的帮助，但显然我在 HomePage 组件中发现了错误。据我了解，打字稿由于错误（错误的代理请求）而阻止了组件呈现，因此没有调用钩子。

标签： reactjs typescript react-hooks use-effect

【解决方案1】：

如果你使用这个 sn-p，你的代码就可以工作

 import {useEffect} from 'react';

 function App() {
 useEffect(() => {
    console.log('effect working')
 },[])
 return (
   <div className="App">
     <header className="App-header">
    
     </header>
  </div>
 );
 }

 export default App;

【讨论】：