Access Liferay-JavaScript-Object in React-Portlet

RE: Access Liferay-JavaScript-Object in React-Portlet

2020-05-27T13:40:52Z

Didn't try those, sorry.

RE: Access Liferay-JavaScript-Object in React-Portlet

2020-05-27T08:41:35Z

Hi Fernando,
are you using this approach with "adapted React-Applications"?
Because I am only able to get this working by creating a Liferay-React-Application and not when adapting a already existing React App.

RE: Access Liferay-JavaScript-Object in React-Portlet

2020-05-26T15:22:24Z

We have been using the Liferay javascript object in 7.2 CE React portlets without any difficulty and simply invoking it on any javascript method/function.



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)
        );
        }
      );
}

RE: Access Liferay-JavaScript-Object in React-Portlet

2020-05-20T13:58:37Z

Whoops,
I guess I found (atleast one) solution.

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

Are there any other ways?
Maybe also a solution how to easily access the fields of the configuration created with configuration.json?

"portletInstance": {

"fields": {

"Position": {

"type": "string",

"name": "Position",

"description": "Position of Text",

"default": "center",

"options": {

"left": "left",

"center": "center",

"right": "right"

}

},

Access Liferay-JavaScript-Object in React-Portlet

2020-05-20T13:17:27Z

Hello Liferay-Community,
is there some way to get access to the "Liferay-Object" in an only to Liferay adapted Create-React-App?
I want to access things like the authKey or Language-Keys in my React Portlet.

For example: Liferay.Language.get('portlet-namespace')

Thank you and Happy Fathers-Day tomorrow to all Fathers,
Fredi