AJAX load php that contains ReactJS object

Question

I have a php page that works as the parent - container.php. Another react.php contains ReactJS objects that displays well if I access it directly.

However, when I try to AJAX load react.php from the container.php using JQuery.load function, the ReactJS objects are not rendered at all.

In container.php

$(".res").load("react.php", function(data) {
    $(".res").html(data);
})

Is there any workaround for this?

Answer 1

The solution of the issue was simple. In the container page, you should also render the ReactJS objects in the React way. You may find below procedures helpful:

1. pack your react objects in a babel js file
2. include the js in the container file
3. render the object and display in the container page