import React from 'react';
import ReactDOM from 'react-dom';
import 'antd/dist/antd.css';
import './index.css';
import { Tabs,Select } from 'antd';

const { TabPane } = Tabs;
const { Option } = Select

function callback(key) {
  console.log(key);
}

ReactDOM.render(
  <div>
  <Tabs defaultActiveKey="1" onChange={callback}>
  <TabPane tab="Tab 1" key="1">
    <Select defaultValue="lucy" style={{ width: 120 }} getPopupContainer={el => el.parentNode} >
      <Option value="jack">Jack</Option>
      <Option value="lucy">Lucy</Option>
      <Option value="disabled" disabled>
        Disabled
      </Option>
      <Option value="Yiminghe">yiminghe</Option>
  </Select>
  </TabPane>
  <TabPane tab="Tab 2" key="2">
    Content of Tab Pane 2
  </TabPane>
  <TabPane tab="Tab 3" key="3">
    Content of Tab Pane 3
  </TabPane>
</Tabs>
</div>,
  document.getElementById('container'),
);