如何传递可以访问API的身份验证令牌？(react问题)

import axios from 'axios';

const token = 'your_auth_token';
axios.defaults.headers.common['Authorization'] = `Bearer ${token}`;

axios.get('your_api_endpoint')
  .then(response => {
    // 处理响应数据
  })
  .catch(error => {
    // 处理错误
  });

import axios from 'axios';

const token = 'your_auth_token';

axios.get('your_api_endpoint?token=' + token)
  .then(response => {
    // 处理响应数据
  })
  .catch(error => {
    // 处理错误
  });

import React, { createContext, useContext } from 'react';

const AuthContext = createContext();

// 在App组件中设置身份验证令牌
function App() {
  const token = 'your_auth_token';

  return (
    <AuthContext.Provider value={token}>
      {/* 其他组件 */}
    </AuthContext.Provider>
  );
}

// 在需要使用身份验证的组件中获取令牌
function MyComponent() {
  const token = useContext(AuthContext);

  // 使用身份验证令牌发送API请求
  // ...

  return (
    // 组件内容
  );
}