React.js 中使用 Radio 切换 Tab 页面并更新路由

要实现点击Radio按钮切换到对应的Tab页面，并同时切换路由，可以按照以下步骤进行操作：

1. 在组件的state中添加一个名为activeTab的变量，用于存储当前选中的Tab页的key值。

javascript
state = {
  activeTab: 'verify'
};

2. 在handleModeChange函数中，更新activeTab变量的值为当前选中的Radio按钮的值。

javascript
handleModeChange = e => {
  this.setState({
    activeTab: e.target.value
  });
};

3. 在Tab组件中，添加一个activeKey属性，将activeTab变量的值传递给它，以确保选中的Tab页显示为活动状态。

javascript

  {/* 省略其他代码 */}

4. 使用React Router的history.push方法，在handleModeChange函数中切换路由到对应的页面。

javascript
import { withRouter } from 'react-router-dom';

// 省略部分代码

handleModeChange = e => {
  const mode = e.target.value;
  this.setState({
    activeTab: mode
  });
  this.props.history.push(`/${mode}`);
};

export default withRouter(YourComponent);

5. 在路由配置文件中，添加对应的路由。

javascript
import Verify from './Verify';
import ESeal from './ESeal';

// 省略部分代码

这样，当点击Radio按钮时，会切换到对应的Tab页面，并且同时切换路由到对应的路径。