我已经在 WSL 上安装了 Ubuntu 20.04 LTS。
我正在尝试运行以下命令：
curl https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/fetch
它失败并出现错误：
卷曲：（6）无法解析主机：developer.mozilla.org
我尝试过其他方法，它有效，例如
$ curl https://google.com
<HTML><HEAD><meta http-equiv="content-type" content="text/html;charset=utf-8">
<TITLE>301 Moved</TITLE></HEAD><BODY>
<H1>301 Moved</H1>
The document has moved
<A HREF="https://www.google.com/">here</A>.
</BODY></HTML>
以下是一些细节：
$ nslookup developer.mozilla.org
Server: 127.0.0.1
Address: 127.0.0.1#53
Non-authoritative answer:
developer.mozilla.org canonical name = d1avawhiqh9uo1.cloudfront.net.
Name: d1avawhiqh9uo1.cloudfront.net
Address: 52.84.112.124
Name: d1avawhiqh9uo1.cloudfront.net
Address: 52.84.112.61
Name: d1avawhiqh9uo1.cloudfront.net
Address: 52.84.112.82
Name: d1avawhiqh9uo1.cloudfront.net
Address: 52.84.112.105
Name: d1avawhiqh9uo1.cloudfront.net
Address: 2600:9000:203c:8e00:13:e62f:2040:93a1
Name: d1avawhiqh9uo1.cloudfront.net
Address: 2600:9000:203c:9c00:13:e62f:2040:93a1
Name: d1avawhiqh9uo1.cloudfront.net
Address: 2600:9000:203c:a000:13:e62f:2040:93a1
Name: d1avawhiqh9uo1.cloudfront.net
Address: 2600:9000:203c:d800:13:e62f:2040:93a1
Name: d1avawhiqh9uo1.cloudfront.net
Address: 2600:9000:203c:f600:13:e62f:2040:93a1 …我有以下组件，我在导航上创建 ref 以在导航外部单击时关闭菜单：
import { useState, useEffect, useRef, } from 'react';
const Header = () => {
const [menuOpen, setMenuOpen] = useState(false);
const navRef = useRef(null);
const hideMenu = () => setMenuOpen(false);
const handleClick = event => {
if (menuOpen && !navRef.current.contains(event.target)) {
hideMenu();
}
};
useEffect(() => {
document.addEventListener('click', handleClick);
return () => {
document.removeEventListener('click', handleClick);
};
});
return (
<header className="header">
<nav className="header-nav" ref={navRef}>
...
</nav>
</header>
);
};
export default Header;
这是单元测试：
import React from 'react';
import …