react select icon

1I found a workaround how to solve it. My technique is similar to @canda:
2
3import React, { Component } from "react";
4import { render } from "react-dom";
5import "./style.css";
6import Select, { components } from "react-select";
7
8const options = [
9  { value: "England", label: "England", icon: "england.svg" },
10  { value: "Germany", label: "Germany", icon: "germany.svg" }
11];
12
13const { Option } = components;
14const IconOption = props => (
15  <Option {...props}>
16    <img
17      src={require('./' + props.data.icon)}
18      style={{ width: 36 }}
19      alt={props.data.label}
20    />
21    {props.data.label}
22  </Option>
23);
24
25class App extends Component {
26  constructor() {
27    super();
28    this.state = {
29      name: "React"
30    };
31  }
32
33  render() {
34    return (
35      <Select
36        defaultValue={options[0]}
37        options={options}
38        components={{ Option: IconOption }}
39      />
40    );
41  }
42}
43
44render(<App />, document.getElementById("root"));