1.Antd Design 使用tabBarExtraContent,想让这个附加的内容在某些页面显示,某些页面不显示
const PANE_KEY = '1';
@observer
class LadderIndex extends React.Component {
state = {
paneKey: PANE_KEY,
}
onChangePane = (key) => {
this.setState({
paneKey: key,
});
};
createBarExtraContent = () => {
return (
this.state.paneKey === '1' &&
(<div>
这里放置的就是附加的内容
</div>)
);
}
render() {
if (LadderStore.listLoading) return <Loading />;
return (
<div>
<Card
style={{ margin: 15 }}
>
<Tabs
defaultActiveKey="1"
onChange={this.onChangePane}
tabBarExtraContent={this.createBarExtraContent()}
>
<TabPane tab={__('TabPane1', 'ladder')} key="1">
</TabPane>
<TabPane tab={__('TabPane2', 'ladder')} key="2">
</TabPane>
</Tabs>
<br />
</Card>
</div>
);
}
}
export default LadderIndex;