我正在测试这个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
服务测试了这个,它发出了两个调用。
我可以知道如何避免重复申请吗?
浏览器图像:
1条答案
按热度按时间qpgpyjmq1#
这是在React版本18上添加的新行为,它仅在开发时发生,并且恰好在使用严格模式时发生,它不会在生产时发生,
我认为他们添加了这个行为(在第一次渲染时安装和卸载组件两次),以捕获一些错误(当不清理您放在useEffect上的一些订阅时)。