dashboard/src/charts/SiteSelect.js

import React, {Component} from 'react';
import {Select} from 'antd';


class SiteSelect extends Component {

    constructor(props) {
        super(props);
        this.state = {
            data: this.props.defaultValue,
        };
    }

    handleChange = (value) => {
        this.setState({data: value})
    };


    render() {
        return (
            <div>
                <Select
                    mode="multiple"
                    allowClear
                    style={{width: '100%',}}
                    placeholder="选择网站"
                    defaultValue={this.state.data}
                    onChange={this.handleChange}
                >
                    {/*<Select.Option key="1" value="ALL">ALL</Select.Option>*/}
                    <Select.Option key="2" value="CHT">CHT</Select.Option>
                    <Select.Option key="28" value="GHKYZG">客运中国</Select.Option>
                    <Select.Option key="7" value="GHKYHW">客运海外</Select.Option>
                    <Select.Option key="8" value="AH">AH</Select.Option>
                    <Select.Option key="9" value="GH">GH</Select.Option>
                    <Select.Option key="11" value="JP">日语JP</Select.Option>
                    <Select.Option key="12" value="VAC">西语VAC</Select.Option>
                    <Select.Option key="20" value="IT">意大利语IT</Select.Option>
                    <Select.Option key="21" value="GM">德语GM</Select.Option>
                    <Select.Option key="10" value="RU">俄语RU</Select.Option>
                    <Select.Option key="18" value="VC">法语VC</Select.Option>
                    <Select.Option key="16" value="CT">CT</Select.Option>
                    <Select.Option key="30" value="trippest">TP</Select.Option>
                </Select>
            </div>
        );
    }
}

export default SiteSelect;