Question

我正在使用ReactJS为django项目中的对象渲染like / different组件。我有一个列表页面，其中有一个对象列表，我为每个对象呈现LikeUnlike组件，如下所示：

<div class="object">
    <span id="likes-service-{{service.pk}}"></span>
    <script type="text/jsx">
        React.render(<LikeUnlike object_id="{{service.pk}}" app_label="providers" model_name="providerservice" like_count="{{service.like_count}}" liked="{% user_has_liked 'providers' 'providerservice' service.pk request.user.pk  %}" />, document.getElementById("likes-service-{{service.pk}}"));
    </script>
</div>

在第一页上，每件事都有效。该组件呈现并按预期工作。当我向下滚动并且第二页通过ajax加载时（因为我正在使用django-endless-pagination），问题就出现了。对于通过ajax加载的任何页面，组件不会呈现，我看到的只是一个空白的<span id="likes-service-{{service.pk}}"></span>元素。

我已经尝试记录document.getElementById("likes-service-{{service.pk}}")和其他一些东西，看起来像元素，React库等可用。

我无法弄清楚为什么在通过ajax加载页面时不会呈现组件。任何想法？

ReactJS组件未在django

0 个答案: