今天碰到了一个需求,,就是要在Tabs的标签右侧添加多个操作,看过文档只提供了添加一个操作的方法,试想应该事要封装一下,但是刚接触Ant Design,还不是太熟悉,所以,如果有遇到过这类问题的前辈,麻烦提供一下思路或者代码,先谢过啦。
Tabs的标签右边可以添加多个操作吗?
lcoder
#2
import { Tabs, Button } from 'antd';
const TabPane = Tabs.TabPane;
const operations = <Button>Extra Action</Button>;
cosnt moreOperations = <div><Button>添加</Button><Button>删除</Button><Button>修改</Button></div>
ReactDOM.render(
<Tabs tabBarExtraContent={moreOperations}>
<TabPane tab="Tab 1" key="1">Content of tab 1</TabPane>
<TabPane tab="Tab 2" key="2">Content of tab 2</TabPane>
<TabPane tab="Tab 3" key="3">Content of tab 3</TabPane>
</Tabs>
, mountNode);
你要这样子?
lcoder
#5
<Tabs tabBarExtraContent={ isFirstTab ? <div>1</div> : isSecondTab ? <div>2</div> : null }>