根据以下代码封装到react中请给出代码示例和如何使用import axios AxiosInstance InternalAxiosRequestConfig from axiosimport NProgress from nprogressimport nprogressnprogresscssimport message from antdimport useSelector f

在React中使用封装的请求代码示例：

1. 创建一个新的组件，比如ExampleComponent.js。

import React, { useEffect, useState } from 'react';
import request from './request';

const ExampleComponent = () => {
  const [data, setData] = useState([]);

  useEffect(() => {
    fetchData();
  }, []);

  const fetchData = async () => {
    try {
      const response = await request.get('example-url');
      setData(response);
    } catch (error) {
      console.error(error);
    }
  };

  return (
    <div>
      <h1>Example Component</h1>
      {data.map((item) => (
        <p key={item.id}>{item.name}</p>
      ))}
    </div>
  );
};

export default ExampleComponent;

2. 在需要使用封装的请求的组件中引入ExampleComponent组件。

import React from 'react';
import ExampleComponent from './ExampleComponent';

const App = () => {
  return (
    <div>
      <h1>App Component</h1>
      <ExampleComponent />
    </div>
  );
};

export default App;

在上面的示例中，ExampleComponent组件在useEffect钩子中调用fetchData函数来获取数据。fetchData函数使用request.get方法发起GET请求，并将返回的数据存储在data状态中。最后，通过map方法将数据渲染到页面上。

请注意，这只是一个简单的示例，实际使用时可能需要根据具体需求进行适当的修改