Antd Design 使用tabBarExtraContent

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 ;
    return (
      <div>
        15 }}
        >
          "1"
            onChange={this.onChangePane}
            tabBarExtraContent={this.createBarExtraContent()}
          >
            'TabPane1', 'ladder')} key="1">

            
            'TabPane2', 'ladder')} key="2">

            
          
          
div> ); } } export default LadderIndex;

你可能感兴趣的:(日记)