How to add Parsys or Component in AEM SPA React

[Ronnie09]

I have a requirement to include the parsys and components into one component. 

The code we use to do in HTL is somewhat like <sly data-sly-resource="${'parsys' @ resourceType='project/compoennt/xyz'}"></sly>

How can we achieve the same functionality using AEM SPA React

[ksh_ingole7 · Accepted solution]

Hi @Ronnie09 

Please check the below link. The use case tries to create a column control with a parsys in it. You can maybe extend the same implementation to add parsys from react. 

https://aemsimplifiedbynikhil.wordpress.com/tag/parsys/

Thanks

[Mayank_Gandhi]

@Ronnie09 try the container component, it acts as the component placeholder in AEM SPA Editor.

https://experienceleague.adobe.com/docs/experience-manager-learn/getting-started-with-aem-headless/s...

https://aemsimplifiedbynikhil.wordpress.com/2020/08/27/extending-responsivegrid-using-react-in-aem-s...