title: With React-Select, how can I make the dropdown accessible through a React-Bootstrap-Glyphicon?
body: <p>I wanted to create a dropdown using React-Select, but instead of the UI looking like this:<a href="https://i.stack.imgur.com/UNSgr.png" rel="nofollow"><img src="https://i.stack.imgur.com/UNSgr.png" alt="enter image description here"></a></p>
  
  <p>I wanted it to look like this:</p>
  
  <p><a href="https://i.stack.imgur.com/OfX40.png" rel="nofollow"><img src="https://i.stack.imgur.com/OfX40.png" alt="enter image description here"></a></p>
  
  <p>This is my current code:</p>
  
  <pre><code>dropDown = R.createElement(Select, {
              options: options,
              valueKey: 'value',
              labelKey: 'name',
              clearable: false,
              placeholder: "Action",
              searchable: false,
              autosize: false,
              onChange: function (opt) {
                  if (opt.callback === undefined &amp;&amp; opt.callback !== "function") { return; }
                  opt.callback({
                      importable: importable,
                      scheduledImportable: sImportable
                  }, index);
              },
              optionRenderer: function (ele) {
                  return R.createElement(
                              'span',
                              { style: { color: ele.color} },
                              R.createElement('span', { className: ele.icon},null, " "),
                              ele.name
                          );
              }
          });
  </code></pre>
  
  <p>Any help would be greatly appreciated.</p>