Roting in AEM +React | Community
Skip to main content
Amreenkhan
Level 2
Aug 14, 2020 7:37 AM UTC
Solved

Roting in AEM +React

Hi,

I have created the same List component as per Adobe help guide. When I clicked any of the child page link , url get changed but the content of the page not get refresh. Still showing the existing page content.

 

url: https://helpx.adobe.com/in/experience-manager/kt/sites/using/getting-started-spa-wknd-tutorial-develop/react/chapter-3.html

 

Thanks,

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Nikhil-Kumar
Nikhil-KumarAccepted solution
New Participant
Aug 15, 2020 1:14 PM UTC

Hey,

Can you verify the :children property in the Network section in en.model.json  (Or whichever locale/language).
As in SPA the data is rendered from the root JSON. I suspect this JSON might be missing. 
The en page should use the Root page template and it's childpages should use other content page template to have en.model.json loaded in all the pages.

If above things are available try checking the routing part from React side.

View reply

2 replies

Nikhil-Kumar
Nikhil-KumarAccepted solution
New Participant
Aug 15, 2020 1:14 PM UTC

Hey,

Can you verify the :children property in the Network section in en.model.json  (Or whichever locale/language).
As in SPA the data is rendered from the root JSON. I suspect this JSON might be missing. 
The en page should use the Root page template and it's childpages should use other content page template to have en.model.json loaded in all the pages.

If above things are available try checking the routing part from React side.

Translate
    Vijayalakshmi_S
    Vijayalakshmi_S
    Level 10
    Aug 14, 2020 2:22 PM UTC

    Hi @amreenkhan,

    I will try this out in my local and update. Meanwhile, can you try to use the finished code package provided in the tutorial directly and observe the behavior. 

    Translate
      Terms & ConditionsAccessibility statement

      Loading footer...