JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://semantic-ui.com/dist/semantic.css">
<script src="http://semantic-ui.com/dist/semantic.js"></script>
<div id="test" class="ui selection dropdown search multiple">
  <input type="hidden"/>
  <span class="text"></span>
  <i class="dropdown icon"></i>
  <div class="menu">
    <div class="item" data-value="Test\">
      Test\
    </div>
  </div>
</div>

<h1>h1</h1>

CSS

body {
    padding: 1em;
}

JavaScript

$('#test').dropdown({
  allowAdditions: true
});

$('#test').dropdown('set selected', 'Test\\');