我如何使用蚂蚁设计在反应js的小屏幕上禁用1个选项卡
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了我如何使用蚂蚁设计在反应js的小屏幕上禁用1个选项卡相关的知识，希望对你有一定的参考价值。
我如何使用蚂蚁设计在反应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);答案
从我得到...你想动态禁用标签？在这种情况下......您可以将禁用设置为变量。更多细节，我可以添加更多。
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);以上是关于我如何使用蚂蚁设计在反应js的小屏幕上禁用1个选项卡的主要内容，如果未能解决你的问题，请参考以下文章