Found out why it was not rendering the placeholder for adding new
elements.It was not React issue, but the missing sub-component for
generating newpar, which will not come from the extended
responsivegrid.All the other code mentioned above works just
fine, even with new v1.0.0
dependency"@adobe/aem-react-editable-components"
It is not very similar. I am able to use existing responsivegrid just
fine, because it already has mapping to work in SPA, which is provided
by the SDK.In my case, I want to extend it. For that I obviously need
to:1) create a component under my project's apps folder, which is going
to
havesling:resourceSuperType="wcm/foundation/components/responsivegrid"2)
create a React renderer, let's name it Container.js3) add it into
import-components.js4) in Container.js, I need to extend existing
Responsiv...
Adobe SPA SDK provides implementation of ResponsiveGrid which is already
mapped to wcm/foundation/components/responsivegridIn case I want to
extend it, how am I supposed to do it? It is not very documented
anywhere.I'm referring to newly updated ResponsiveGrid which is coming
with 1.0.0 of@adobe/aem-react-editable-componentsOne example I found was
suggesting something like this:export class MyGrid extends
ResponsiveGrid { render() { return ( Welcome to my Custom Grid! {
super.childComponents } ...
