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,sap.ui.table"
				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 -->

		<script>
				sap.ui.localResources("learning");
				var view = sap.ui.view({id:"idfirst1", viewName:"learning.first", type:sap.ui.core.mvc.ViewType.JS});
				view.placeAt("content");
		</script>

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

JavaScript

var oModel = new sap.ui.model.odata.ODataModel("https://hanamdc1p1942965195trial.hanatrial.ondemand.com/com/wieiswie/v1/wiw.xsodata/");
		oJsonModel = new sap.ui.model.json.JSONModel();
		oModel.read("/Customers",null,null,false,function(odata,response){
			oJsonModel.setData(odata);
			
		});
		sap.ui.getCore().setModel(oJsonModel);
/*try writing the above code in ur component.js while the below look into the binding of the lists*/		
		
		var olist = new sap.m.List({
						mode:sap.m.ListMode.SingleSelectMaster,
						
		});
		
		var temp = new sap.m.ObjectListItem({
			title:"{FAMNAAM}",
			type:sap.m.ListType.Active,
			
		});
		
		olist.bindAggregation("items","/results",temp);
		olist.placeAt("content");