我如何使用蚂蚁设计在反应js的小屏幕上禁用1个选项卡

Question

我如何使用蚂蚁设计在反应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);