Javascript Github auth在jquery上运行良好，但在react.js上不起作用

你能给我解释一下区别吗？我有一个很好的例子，但它是使用jquery的

    $('#form').submit(function (event) {
      event.preventDefault();
      var username = 'example';
      var password = '123';
  
      let auth = btoa(username + ':' + password);
  
      fetch('https://api.github.com/user', {
        headers: {
          Authorization: 'Basic ' + auth,
        },
      }).then(function (data) {
        console.log(data);
       
    });
  });

我想在react.js中实现同样的效果，但没有任何效果

  const [userName, setUserName] = useState('example');
  const [password, setPassword] = useState('123');

  const handleSubmit = (e) => {
    e.preventDefault();
    let auth = btoa(userName + ':' + password);
    fetch('https://api.github.com/user', {
      headers: {
        Authorization: 'Basic ' + auth,
      },
    }).then((response) => console.log(response));
  };

---

这是错误获取401（未经授权）

您是否检查了巡更发送请求的标题？您还可以显示调用

handleSubmit

的代码吗？您可以控制台.log用户名和密码以确保它们存在吗？您是否检查了发送请求的标题？您还可以显示正在调用

handleSubmit

的代码吗？您可以console.log用户名和密码以确保它们存在吗？