Как я отключил 1 вкладку на маленьком экране в реакции JS с помощью Ant Design

Question

Как я могу отключить 1 вкладку на маленьком экране в реакции JS с помощью Ant Design. У меня есть 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);