ReactJS REST API调用两次

von4xj4u  于 2023-03-17  发布在  React
关注(0)|答案(1)|浏览(182)

我正在测试这个ReactRest服务代码,当我打开页面时,我看到它正在对REST服务器进行两次调用。

调用服务器API的代码

export const App = (): React.FC<user[]> => {
  const [user, setUser] = useState<user | undefined>();
  useEffect(() => {
    fetch('https://jsonplaceholder.typicode.com/users')
      .then((response) => response.json())
      .then((json) => setUser(json));
  }, []);

下面是全文:https://cynoteck.com/blog-post/how-to-call-web-api-with-useeffect-hook-in-react-typescript/#What_is_a_RESTful_API
我还用我的本地机器REST服务测试了这个,它发出了两个调用。
我可以知道如何避免重复申请吗?
浏览器图像:

qpgpyjmq

qpgpyjmq1#

这是在React版本18上添加的新行为,它仅在开发时发生,并且恰好在使用严格模式时发生,它不会在生产时发生,
我认为他们添加了这个行为(在第一次渲染时安装和卸载组件两次),以捕获一些错误(当不清理您放在useEffect上的一些订阅时)。

相关问题