class TickerList extends React.Component{
    constructor() {
        super();
        this.state = {tickers : []};

    }


    componentWillMount() {
        axios.get("http://localhost:8080/tickerList",
        { headers: {'Content-Type': 'application/json'}}).then(res => {
            this.setState({tickers: res.data});
          });
    }

    render(){
        console.log(this.state.tickers)
        return (

                <div>
                    <Dropdown>
                        <Dropdown.Toggle variant="success" id="dropdown-basic">
                            Dropdown Button
                        </Dropdown.Toggle>

                        <Dropdown.Menu>
                        {this.state.tickers.map(ticker => (
                            <Dropdown.Item>{ticker}</Dropdown.Item>
                            ))}
                        </Dropdown.Menu>
                    </Dropdown>
                </div>
        )
    }
}