antd中tab的默认转中第二个tab
时间: 2023-06-01 22:02:47 浏览: 255
antd中table展开行默认展示,且不需要前边的加号操作
5星 · 资源好评率100%
要设置antd中的Tab默认转到第二个tab,可以使用defaultActiveKey属性。例如:
```jsx
import { Tabs } from 'antd';
const { TabPane } = Tabs;
function MyTabs() {
return (
<Tabs defaultActiveKey="2">
<TabPane tab="Tab 1" key="1">
Content of Tab Pane 1
</TabPane>
<TabPane tab="Tab 2" key="2">
Content of Tab Pane 2
</TabPane>
<TabPane tab="Tab 3" key="3">
Content of Tab Pane 3
</TabPane>
</Tabs>
);
}
export default MyTabs;
```
在上面的代码中,defaultActiveKey属性被设置为"2",这意味着默认情况下第二个tab会被选中。如果要将默认选中的tab更改为其他tab,请将defaultActiveKey属性的值更改为所需的tab的key值。
阅读全文