React Ant Design Radio 切换 Tab 页面并请求接口

要实现在点击Radio切换到对应的Tab页面时请求接口，可以在handleModeChange函数中添加请求接口的逻辑。具体的实现步骤如下：

1. 在组件的状态中添加一个isLoading的状态，用于表示接口是否正在加载中。

const [mode, setMode] = useState('verify');
const [isLoading, setIsLoading] = useState(false);

2. 在handleModeChange函数中，根据切换的mode值发送请求接口的逻辑，并在请求开始和结束时设置isLoading的值。

const handleModeChange = (e) => {
  const newMode = e.target.value;
  setMode(newMode);
  setIsLoading(true);

  // 发送请求接口的逻辑，根据newMode的值发送不同的请求

  // 请求结束后，设置isLoading为false
  setIsLoading(false);
};

3. 在Tab切换的时候，根据isLoading的值来显示加载中的状态。

<Tabs.TabPane tab={'实名认证'} key={'verify'}>
  {isLoading ? (
    <Spin tip='Loading...' />
  ) : (
    <Verify />
  )}
</Tabs.TabPane>
<Tabs.TabPane tab={'开通在线签署'} key={'sign'}>
  {isLoading ? (
    <Spin tip='Loading...' />
  ) : (
    <ESeal />
  )}
</Tabs.TabPane>

这样，每次切换到对应的Tab页面时，会先显示加载中的状态，然后发送请求接口，请求结束后再显示对应的内容。