我正在尝试将延迟加载添加到我的react应用程序中,因为我有超过200个在初始加载时不需要的图像。如果我延迟加载图像,这是否意味着,直到屏幕上需要它们时,它们才会被加载? 我目前正在将4组大约50张图片导入到.js文件中,然后将它们添加到对象中,以便可以在我的组件中动态使用它们。看起来是这样的..。 // SportImages.js file
import Football from './images/football.png
import Cricket from './images/cricket.png
import Soccer from './image
一段时间以来,我一直在尝试在环境中设置一个外部图像。这是我的index.js:
import React from 'react';
import {
AppRegistry,
StyleSheet,
Text,
asset,
View,
VrButton,
} from 'react-360';
import {Environment} from 'react-360';
// Set the background to a 360 or 180 image
Environment.setBa
问题:
我使用的反应-光滑结合反应预加载图像(两个最新版本),以创建一个多滑块rails页面。我的想法是按类别显示我的投资组合,所以我列出了每个类别,使用react slick显示图像,并反应预加载图像来显示预加载图像,然后显示组合图像。
好消息是,只要我不调整浏览器窗口的大小,它看上去就很棒,而且完全符合我的要求。坏消息是,当我调整浏览器窗口的大小(缩小宽度)时,应用程序会完全崩溃--空白屏幕,我的控制台中有很多难看的消息,如下所示:
Uncaught TypeError: Cannot set property 'onload' of undefined
a
我在一个项目中使用index.js,并且我创建了一个加载动态数据的组件,如果我通过NextJs加载,它可以正常工作,但如果我尝试将相同的组件导入NextJs,就会出现错误。我可能需要通过道具,但我不知道该怎么做。
这是我的faq.js
import React from 'react'
import fetch from 'isomorphic-unfetch'
function Faq({ data }) {
return (
<div>
<ul>
{data.map((ite