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

Question

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

标签： reactjstabs

Answer 1

从我得到的...你想动态禁用标签？在这种情况下...您可以将 disabled 设置为变量。更多细节，我也许可以添加更多。

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);