我如何使用 ant 设计在 react js 的小屏幕上禁用 1 个选项卡

Question

我如何使用 ant 设计在 react js 的小屏幕上禁用 1 个选项卡。 我在大屏幕上有 4 个选项卡，但在小屏幕上需要 3 个选项卡。我该怎么做？ 像这样的代码：

import { Tabs } from 'antd';
const TabPane = Tabs.TabPane;
ReactDOM.render(
<Tabs defaultActiveKey="1">
<TabPane tab="Tab 1" key="1">Tab 1</TabPane>
<TabPane tab="Tab 2" disabled key="2">Tab 2</TabPane>
<TabPane tab="Tab 3" key="3">Tab 3</TabPane>
</Tabs>,
mountNode);

Answer 1

从我得到的...您要动态禁用选项卡吗？在这种情况下...您可以将禁用设置为变量。更多细节，我也许可以添加更多。

import { Tabs } from 'antd';
const TabPane = Tabs.TabPane;
state = {disabled:true}
ReactDOM.render(
<Tabs defaultActiveKey="1">
<TabPane tab="Tab 1" key="1">Tab 1</TabPane>
<TabPane tab="Tab 2" disabled={this.state.disabled} key="2">Tab 2</TabPane>
<TabPane tab="Tab 3" key="3">Tab 3</TabPane>
</Tabs>,
mountNode);