JSFiddle - React, Tailwind, and code Playground

HTML

<html>

  <head>
    <meta charset="utf-8">
    <script id='sap-ui-bootstrap' src='https://sapui5.hana.ondemand.com/resources/sap-ui-core.js' data-sap-ui-libs='sap.m'></script>
    <script id="myView" type="sapui5/xmlview">
      <mvc:View controllerName="myController" xmlns:mvc="sap.ui.core.mvc" xmlns="sap.m" xmlns:core="sap.ui.core" xmlns:l="sap.ui.layout">
        <Select id="idCurrency" items="{/VH_CurrencySet}" selectedKey="USD">
            <items>
                <core:Item text="{Text}" key="{Code}"/>
            </items>
            <layoutData>
                <l:GridData span="XL2 L3 M3 S5"/>
            </layoutData>
        </Select>
        <Button press=".readSelectedValue" text="Show select value" />
      </mvc:View>
    </script>
  </head>

  <body class='sapUiBody'>
    <div id='content'></div>
  </body>

</html>

JavaScript

sap.ui.define("myController", [
  "sap/ui/core/mvc/Controller",
  "sap/ui/model/json/JSONModel",
  "sap/m/MessageToast"
], function(Controller, JSONModel, MessageToast) {
  "use strict";

  return Controller.extend("myController", {
  	onInit: function() {
    	this.getView().setModel(new JSONModel({
      	VH_CurrencySet: [{
          Code: "CAD",
          Text: "Canadian Dollars"
        }, {
        	Code: "USD",
          Text: "US Dollars"
        }, {
        	Code: "EUR",
          Text: "Euros"
        }]
      }));
    },
    
    readSelectedValue: function() {
    	MessageToast.show(
      	this.byId("idCurrency").getSelectedKey()
      );
    }
  });
});

sap.ui.require(["sap/ui/core/mvc/XMLView"], function(XMLView) {
  XMLView.create({
    definition: $('#myView').html()
  }).then(function(oView) {
    oView.placeAt('content');
  });
});