小编dom*_*791的帖子

react-loadable公开了一个非常好的方法，YourLoadableComponent.preload()通过该方法，您可以轻松地在组件渲染之前预加载组件（onMouseOver等）。

我可以看到我可以做类似的事情：https://github.com/pomber/react-lazy-preload-demo/pull/8/commits/126c1bf6e2a23b3e3f7eb0ffb1b4db260516643f 因此要import()手动调用，将结果存储Promise在某个变量中，然后将其传递给React.lazy()。然而，如果我想在某些类方法调用或生命周期挂钩中预加载，它可能有点过于冗长和有问题。

上述方法还有其他替代方法吗？

我想在模板中的硬编码img src中使用与一对多关系连接的不同表中的属性.

Models.py:

    class Offers(models.Model):
        province = models.CharField()
        district = models.CharField()
        location = models.CharField()

    class OffersPhotos(models.Model):
        offers_id = models.ForeignKey('Offers')
        order = models.IntegerField()

Views.py:

def index(request):

    latest_offers = Offers.objects.order_by('-creation_date')[:5]

    context_dict = {'latest_offers': latest_offers}

    return render(request, 'something.html', context_dict)

模板:

{% for offer in latest_offers %}

    <img src="http://something.com/{{offer.id}}/{{offer.offersphotos.id}}.jpg">

{% endfor %}

{{offer.id}}完美无缺,但如何在同一行中访问order = 1的照片的ID？