componentDidMount() { 
       let liferay = window['Liferay']; 
       console.log(liferay);     
}

"portletInstance": {        

"fields": {            

"Position": {                

"type": "string",                

"name": "Position",                

"description": "Position of Text",               

 "default": "center",                

"options": {                   

 "left": "left",                    

"center": "center",                    

"right": "right"                

}           

 },

import React from 'react';
import ReactDOM from 'react-dom';

import SearchComponent from './SearchComponent';


/**
 * This is the main entry point of the portlet.
 *
 * See https://tinyurl.com/js-ext-portlet-entry-point for the most recent 
 * information on the signature of this function.
 *
 * @param  {Object} params a hash with values of interest to the portlet
 * @return {void}
 */
export default function main({portletNamespace, contextPath, portletElementId}) {
    Liferay.Service(
        '/cust.customer/get-customers',
        {
          start: -1,
          end: -1
        },
        function(custList) {
          console.log("ajax returned:",custList);
          ReactDOM.render(
            <searchcomponent portletNamespace="{portletNamespace}" contextPath="{contextPath}" portletElementId="{portletElementId}" custList="{custList}" />, 
            document.getElementById(portletElementId)
        );
        }
      );
}