react ant新开窗口并在请求头中携带basic auth

要在React中使用Ant Design，并在请求头中携带Basic Auth，可以按照以下步骤进行操作：

首先，确保你的React项目已经安装了Ant Design和Axios。可以运行以下命令进行安装：
```
npm install antd axios
```

在你的React组件中，导入所需的库：

import React from 'react';
import { Button } from 'antd';
import axios from 'axios';

在你的组件中创建一个函数，用于处理点击事件并发送带有Basic Auth的请求：

const handleButtonClick = () => {
  const username = 'your_username';
  const password = 'your_password';
  const basicAuth = 'Basic ' + btoa(username + ':' + password);

  axios.get('your_api_url', {
    headers: {
      Authorization: basicAuth
    }
  })
  .then(response => {
    // 请求成功后的处理逻辑
  })
  .catch(error => {
    // 请求失败后的处理逻辑
  });
};

注意替换your_username和your_password为你的用户名和密码，your_api_url为你的API地址。

在你的组件的render方法中，使用Ant Design的Button组件，并将上面创建的函数作为点击事件处理程序：
```
const YourComponent = () => {
  return (
    <Button onClick={handleButtonClick}>发送请求</Button>
  );
};
```
这将在点击按钮时触发handleButtonClick函数，并发送带有Basic Auth的请求。

请注意，这只是一个简单的示例，你可能需要根据你的实际需求进行适当的更改和调整。