React JS在加载资源后显示组件

文章/答案/技术大牛

发布

1回答

javascript、html、node.js、reactjs、frontend

我正在使用React，我有很大的落地图像，我想在img准备好的时候显示组件。你可以看到这个截图： ? ? 内容显示，但图像仍在加载。我想让它显示图像何时准备好。我已经使用了延迟加载，但它不起作用。下面是我的代码： Landing.jsx import React, { lazy, Suspense } from "react" import Loading from "./Conte

浏览 30提问于2019-09-03得票数 0

2回答

如何仅在模式加载时获取数据

reactjs、react-redux、react-hooks、react-modal

我有一个react组件，比方说: app.js (父组件)，它有一个呈现react引导模式组件的子组件。父组件使用react钩子从redux获取数据，如下所示： useEffect(() => { props.dispatch(actions.loadAll());},[]); 然后传递数据以在我的模态组件中显示有没有什么办法，我可以避免在我的父

浏览 28提问于2020-04-24得票数 4

回答已采纳

1回答

react异步脚本实现:包装组件

reactjs、google-maps、google-maps-api-3、react-async

我试图用来自makeAsyncScriptLoader的react-async-script封装一个需要google的react组件。在同一个文件中(如果这有区别的话)： /* Some stuff requiring the maps api */const URL = `https://maps.go

浏览 0提问于2018-11-04得票数 0

回答已采纳

6回答

Laravel ReactJs : js(reactjs)文件中的更改不会反映更改

javascript、reactjs、laravel、react-material

我正在使用 Reactjs 在拉威尔 .Here我在React组件中做了一些更改，当我刷新浏览器时，更改不会显示。文件：资源/视图/欢迎.blade.php arjunphp.com |带有React JS的Laravel 5.6 resources/resource/js/app.js / * * * 首先，我们将加载此项目的所有J

浏览 100提问于2018-11-22得票数 5

1回答

使用此处地图时出现授权错误

reactjs、here-api

我正在使用react并尝试显示地图组件遗憾的是，文档中没有太多关于此部分的内容1：如果任何人知道一些好的资源，在使用api时可以帮助我，请在下面分享。

浏览 19提问于2021-02-25得票数 0

2回答

使用开关和挂钩返回组件数据

javascript、reactjs、react-hooks

我试图在一个函数中做一个切换，并且我使用了react钩子。开关工作正常，但我不能返回component..why？我的想法是，当我遍历数组时，我将加载相应的组件，其中包含他当时的所有数据。async () => { }; }, [content]); <React.Fragment></React.Fragment&

浏览 0提问于2019-03-26得票数 1

1回答

在整个应用程序中仅加载一次组件

react-native

基本上，在用户登录后，我希望在顶部显示一个文本。IDComponent.js import React from 'react'; return (<View><Text>{id}</Text></V

浏览 10提问于2020-09-27得票数 0

2回答

理解悬念与反应钩

javascript、reactjs、typescript、react-hooks、react-suspense

我很难找到使用、悬念、和React 的问题。奇怪的是，为什么需要在依赖数组中包含userId。

浏览 5提问于2020-10-07得票数 10

回答已采纳

1回答

使异步钩子在React中相互等待

javascript、reactjs、asynchronous、react-hooks、use-effect

import React from "react" return [ ] export

浏览 13提问于2021-03-05得票数 0

2回答

<Suspense>作为根元素会导致生产中的两个组件实例和dev (没有<StrictMode>)

reactjs

它似乎工作得很好：export default function B() return <p>B</p>TestApp.jsconst B = lazy(()=>import(".</p>}><B/></Suspense>index.js import { lazy,

浏览 4提问于2022-08-11得票数 6

回答已采纳

1回答

Webpack人力资源经理不更新视图

webpack

我对webpack的人力资源管理有意见。我正在使用hapi.js服务器来启动webpack。Webpack编译了所有的文件(我的应用程序是多条目的)。应用程序使用的是最新的React 15.6。当我对一些React组件进行更改时，webpack开始重新构建过程。该过程完成后，我将在浏览器控制台中看到日志当我在我的Chrome浏览器中打开De

浏览 0提问于2017-08-23得票数 0

2回答

div上Const的ReactJS值

javascript、java、html、reactjs、rest

我是react的新手，我有一个简单的应用程序，如下所示：我使用这个应用程序的目的是使用一个Spring Boot REST Service，并在我的react应用程序上打印数据json。我通过以下教程实现了这一点：import React from 'react';import restful, { requestBa

浏览 67提问于2019-06-20得票数 0

回答已采纳

1回答

React路由器正在更改URL，但未正确加载网页

javascript、reactjs、react-router、react-router-v4、react-router-dom

我正在处理一个React项目，在这个项目中，我使用v4创建一个客户端路由。在主页上，客户将搜索城市/位置(仅限于印度城市)，每当客户选择该位置()时，我希望加载下一条路线，即。我已经检查了CSS和JS文件，它们都是正确加载的。import React from 'react'; import ReactDOM from 'react-d

浏览 1提问于2018-06-09得票数 1

回答已采纳

1回答

如何在React原生CLI中显示应用程序加载(无需expo)

react-native、react-native-cli

我通过在react-native.config.js中进行配置，在我的CLI应用程序中添加了自定义字体，现在我想要显示Apploading闪屏，直到我的字体和其他所需的资源加载到屏幕上，应用程序可以使用

浏览 4提问于2021-04-29得票数 0

1回答

React-选择异步获取

javascript、reactjs、react-select

我正在使用react和react-select，并尝试从api中获取选项。一切都在我身上工作，但我想展示的是，当数据来自api时，将文本加载到react-select中。下面是我的react-select组件： <Select onFocus={this.getData} value={selectedOption} styles={cus

浏览 19提问于2019-05-21得票数 1

1回答

ng-反应比ng重复慢得多(对属性'nodeType‘错误的不推荐访问)

javascript、angularjs、reactjs、ngreact

react组件工作，html正确显示。对于控制器中包含的每个标记，我希望创建一个以<button>为文本的marker.title。(funzione anonima) (angular.min.js, line 90)这里是我的React组件(在我的文章末尾，有JSfiddle一个简短的描述：-有一个MapBox指令，用于在页面上显示地图

浏览 0提问于2015-08-24得票数 1

回答已采纳

3回答

使用多个即席包装器导出React组件？

javascript、reactjs、higher-order-components

我有一个显示样式文本的React组件，我想让它加载一个网络资源，侦听WebSocket输入，并显示通知。为此，我为withResource、withSocket和withNotifications中的每一个编写了更高阶的组件包装函数。 ... export default withReso

浏览 2提问于2018-02-02得票数 40

回答已采纳

2回答

如何在加载屏幕时将子属性/值传递给父组件

javascript、reactjs

如何在加载react应用程序时将属性值从子组件发送到父组件？我有一个名为app.js的父组件，它呈现一个包含JSON组件的主组件。加载react应用程序时，我的属性JSONValue (在app.js中定义)保存一个空字符串。当加载react应用程序时，父组件中的JSONValue应该包含已经在子JSON<em

浏览 14提问于2019-07-12得票数 1

1回答

react.js中的嵌套路由没有提供所需的结果

javascript、reactjs、react-hooks、react-router-dom、react-routing

每当单击Resource.js组件中的链接文本时，我都希望显示自定义组件labCard.js。在使用出口挂钩时，资源组件将显示在实验室卡中，而Body.js组件不会被替换。Body.js组件是labCards组件的集合。当我单击labCard组件时，我的愿望是显示资源

浏览 7提问于2022-02-16得票数 1

回答已采纳

1回答

元素类型无效:应为字符串(...)但得到的是:对象

javascript、reactjs、components、gatsby、hot-reload

App.jsimport ReactDOM from 'react-dom'; index.jsimport Re

浏览 2提问于2020-02-07得票数 5

点击加载更多