JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML>
<script src="https://sapui5.netweaver.ondemand.com/resources/sap-ui-core.js"
				id="sap-ui-bootstrap"
				data-sap-ui-libs="sap.m,sap.ui.commons"
				data-sap-ui-theme="sap_bluecrystal">
		</script>

		<!-- add sap.ui.table,sap.ui.ux3 and/or other libraries to 'data-sap-ui-libs' if required -->


	</head>
	<body class="sapUiBody" role="application">
		<div id="content"></div>
	</body>
</html>

JavaScript

var odataVal = "";
		var oModel = new sap.ui.model.odata.ODataModel("http://services.odata.org/V2/Northwind/Northwind.svc");
		oModel.read("/Categories",null,null,false,function(odata,response){
			odataVal = odata.results;
			console.log(odataVal);
		});
		var oMultiInp = new sap.m.MultiInput("ID",{
          	width: "80%",
          	showValueHelp: false,
            required: true,
          	liveChange:function(event){
          		
          	}
        });
		var ojson = new sap.ui.model.json.JSONModel();
		ojson.setData(odataVal);
		sap.ui.getCore().setModel(ojson);
		oMultiInp.bindAggregation("suggestionItems", "/", new sap.ui.core.Item({text: "{CategoryName}"}));
	
	oMultiInp.placeAt("content");

// type the values as beverages, condiments, confections, dairy products etc etc present in the backend.