导航上的React加载组件
是一种用于在React应用中实现导航功能的组件。它可以帮助用户在不同页面之间进行导航，并且可以根据用户的操作动态加载相应的组件。
React加载组件通常由以下几个部分组成：
- 导航栏：导航栏是一个包含导航链接的水平菜单，通常位于页面的顶部或侧边。导航栏可以帮助用户快速切换到不同的页面。
- 路由器：路由器是React应用中负责管理页面路由的组件。它可以根据URL的变化加载相应的组件，并且可以处理用户导航操作。
- 路由配置：路由配置是一个定义URL与组件之间映射关系的配置文件。它告诉路由器在不同的URL下加载哪个组件。
- 页面组件：页面组件是实际显示在页面上的React组件。每个页面通常对应一个独立的组件，用于展示该页面的内容。
React加载组件的优势包括：
- 单页面应用：React加载组件可以实现单页面应用，即在页面加载时只加载必要的组件，而不是整个页面。这样可以提高应用的加载速度和用户体验。
- 组件化开发：React加载组件采用组件化开发的思想，将页面拆分为多个可复用的组件，提高了代码的可维护性和可扩展性。
- 路由管理：React加载组件通过路由器和路由配置实现了灵活的路由管理，可以根据URL的变化加载相应的组件，实现页面之间的无缝切换。
- 生态系统支持：React拥有庞大的生态系统，有大量的第三方库和工具可供选择，可以帮助开发者更高效地构建导航功能。
React加载组件在各种Web应用中都有广泛的应用场景，包括但不限于：
- 网站导航：React加载组件可以用于构建网站的导航功能，帮助用户在不同页面之间进行导航。
- 应用程序导航：React加载组件可以用于构建应用程序的导航功能，帮助用户在不同功能模块之间进行导航。
- 博客/新闻网站：React加载组件可以用于构建博客或新闻网站的导航功能，帮助用户浏览不同的文章或新闻内容。
- 电子商务网站：React加载组件可以用于构建电子商务网站的导航功能，帮助用户浏览不同的商品分类或页面。
腾讯云提供了一系列与React加载组件相关的产品和服务，包括：
- 腾讯云Serverless Cloud Function（SCF）：腾讯云SCF是一种无服务器计算服务，可以帮助开发者快速构建和部署React加载组件所需的后端逻辑。
- 腾讯云API网关：腾讯云API网关可以帮助开发者管理和发布React加载组件的API接口，实现前后端的数据交互。
- 腾讯云CDN加速：腾讯云CDN加速可以帮助开发者提高React加载组件的访问速度，提升用户体验。
- 腾讯云对象存储（COS）：腾讯云COS可以用于存储React加载组件所需的静态资源文件，如图片、样式表等。
更多关于腾讯云相关产品和服务的介绍，请访问腾讯云官方网站：https://cloud.tencent.com/
相关·内容
1回答
我刚开始使用React和React Router。
主页(主页组件)通过ajax请求将数据加载到显示数据的服务器。
然后，人们可以使用react路由器在应用程序中导航。但是，当有人返回到主页(主页组件)时，ajax调用再次被发送到服务器，这是不必要的。
因此，基本上，当您使用react路由器在组件中导航时，每次加载组件时，都会进行ajax调用。
我们是否可以做一些事情来缓存数据，比如在Angular中，在加载组件时，我们不必一次又一次地进行ajax调用。
谢谢
class NewComponent extends React.Component {
constructor(){
s
浏览 0提问于2016-05-24得票数 0
我正在开发一个React本机应用程序，并希望开始添加一些额外的功能，如标签条徽章，用于未读通知和消息计数。
我使用的是react导航选项卡栏，redux用于我的状态存储。我的通知和消息状态中有一个未读计数，我正在检索并使用它来显示当前导航器中的选项卡条徽章。
我遇到的问题是，如果用户点击消息或通知(将其标记为read)，我希望减少未读计数。当我这样做时，它会重新加载导航，将用户从当前的屏幕返回到主导航。
我已经创建了一个小吃，通过通知和消息细节屏幕有一个按钮来显示这个问题，这个按钮可以减少未读计数。
如何将用户保持在当前屏幕上，同时也更新选项卡栏上的徽章？
浏览 2提问于2021-10-14得票数 1
回答已采纳
我正在尝试创建一个底部标签导航器，它将加载到移动浏览器中。我只知道如何在React-Native中使用react导航的。我不知道浏览器的ReactJS应该使用什么。
浏览 2提问于2019-12-05得票数 1
我试图导航到链接/login，当我单击实际链接时，我可以在浏览器中看到url更改，但是Login组件没有加载：
// App.tsx
import React from 'react';
import {BrowserRouter as Router, Route} from 'react-router-dom';
import Header from './components/Header/Header';
import Login from './components/Login/Login';
const App =
浏览 3提问于2021-08-30得票数 0
回答已采纳
在我的上，我最初是在加载SceneA，它只显示一个文本"Click“。单击此按钮时，我希望加载一个完全不同的屏幕(SceneB)，该屏幕具有完全不同的组件。
我在网上找到的所有示例(如下面的示例)都加载了一个完全相同的组件，但值不同的场景。在我的例子中，这是一个完全不同的布局。如何导航到新屏幕(SceneB)？
它基本上相当于Android上的一个新活动，同时传递一些数据。任何指示都将不胜感激。
index.android.js
import React, { Component } from 'react';
import { AppRegistry, Navigat
浏览 1提问于2016-12-05得票数 1
回答已采纳
这就是react router 4让我困惑的地方。我目前已经在主要的父组件index.jsx中设置了路由。导航栏位于它自己的组件NavBar.jsx中。
我想要它，这样当您在NavBar.jsx中单击链接时，它会将组件加载到Body.jsx中。目前，它在整个屏幕上加载一个组件，替换所有组件。
我相信在React Router3中，你应该用this.props.children做一些事情，但是如果你们能为我解释清楚这一点，我将非常感激。谢谢。
下面是最顶层的组件代码：
ReactDOM.render(
<Router>
<div>
<Ro
浏览 0提问于2017-07-08得票数 1
回答已采纳
对于我的React中的导航，我正在结合使用Router和包。
这是导航在应用程序中的一个示例：
navigateToAccount() {
history.push('/account');
}
在渲染中：
<Button content='My Account' onClick={this.navigateToAccount}/>
/*Button from Semantic UI React*/
到目前为止，这将只是导航客户端到"/account“页面。但问题是，不存在右键单击“”的选项。因此，我尝试通过简单地使用href标记来修复它
浏览 3提问于2021-02-04得票数 1
回答已采纳
假设我在React应用程序中的两个不同组件上导入了两个版本的Bootstrap (Bootstrap 3和Bootstrap 4)。假设它们是<App/> (Bootstrap3)和<Test/> (Bootstrap4)。最初，我使用的是<App/>组件。现在，如果我导航到加载并导入Bootstrap4的<Test/>组件，<App/>组件上的Bootstrap3会被删除吗？否则它仍然会加载。
浏览 27提问于2020-01-16得票数 0
我的React组件之一是我的主布局，我在其中显示一个导航栏，其中包含当前登录的用户。问题是在第一次呈现组件时，Meteor.user()是undefined。一旦加载/发布了用户对象，我该如何正确地呈现导航栏？
MainLayout.jsx
import React, { Component } from 'react';
export default class MainLayout extends Component {
render() {
return (<div>{ Meteor.user().username }</div>);
浏览 1提问于2016-08-05得票数 0
2回答
我有一个导航(功能)组件，其中包含一个简单的动画使用GSAP。它会在页面第一次加载时生成动画。我想让它在每次用户点击不同的页面时都有动画效果(我正在使用React Reach Router进行页面导航) 我知道对于基于类的组件，我可能会使用componentDidMount方法，但是我如何使用功能组件来实现这一点呢？而且我认为window.onload不会工作，因为站点实际上不是重新加载，而是重新路由。 这是code in question
浏览 19提问于2019-09-17得票数 0
回答已采纳
3回答
我发现很难在Material UI上创建带有菜单的导航栏。我读过它的AppBar文档。但是，他们似乎没有提供这个功能。
1)物料UI AppBar
2) React Bootstrap导航条
如何像React Bootstrap那样在Material UI上创建导航栏菜单？
浏览 2提问于2017-09-05得票数 12
我正在使用React Native编写一个iPad / Android平板电脑应用程序，并使用React导航进行导航。
我收到的模型有一个屏幕，它被分成两半(在横向模式下)，有两个不同的标题。有没有可能通过react导航来实现这一点？
我尝试的是在屏幕的导航选项中设置header: null，然后在拆分的屏幕上呈现两个组件，每个组件都将React导航的Header组件作为第一个子组件。这不知何故不起作用(报头不会被渲染)。
浏览 0提问于2018-08-22得票数 0
我目前正在尝试在react-router中使用Nav。默认行为是重新加载页面，所以我尝试使用react-router-dom中的Link组件。
在覆盖linkAs时，很难保留默认样式。
有没有什么全局的方法来覆盖链接导航行为？
比如定义一个全局链接呈现函数，然后我可以将其设置为从react-router-dom呈现Link组件
浏览 11提问于2020-05-08得票数 1
我最近将我的静态导航栏从一个普通的html元素移到了我的页面的React渲染中，因为我想在一个可以在导航中触发的模式中加入动态加载通知的功能。通过此更改，我注意到我的导航栏不是在页面加载时立即出现，而是在componentDidMount() { this.fetchList(); }完成加载时出现。
我个人认为这是因为导航组件是在与这个render()获取相关的API调用中设置的，而且由于这个类是在调用之后设置的，那么导航将不得不等待，直到获取成功或失败。
如果这是真的，这是否意味着我需要将导航设置在更高的级别，以确保在页面加载样式和非react元素时加载导航？
这是我的ReactDOM.r
浏览 2提问于2018-12-18得票数 1
第一次使用React.js时，我想做一些非常简单的事情。
我创建了一个app.js，它加载包含导航的初始页面，并生成子道具。
我希望创建另一个组件或局部组件来呈现导航，而不是将导航放在app.js文件中。
代码如下：
import React, { Component } from 'react';
import NavLink from './components/NavLinks/NavLinks'
import './App.css';
import { Link } from 'react-router';
class
浏览 2提问于2017-02-05得票数 0
大家好，所以我正在尝试使用react-bootstrap创建一个web应用程序，并使用BrowserRouter链接我拥有的每个组件。我已经用BrowserRouter包装了索引JS，并且已经向导航组件添加了Switch和Route标签，但是当我试图在app.js中实现导航时，web开始无休止地加载，并且没有显示任何内容。有谁能帮我一下吗？ 这是我的导航代码： import React from 'react'
import Facilities from './Facilities'
import Room from './Room'
imp
浏览 27提问于2021-08-09得票数 0
我正在使用react原生和react导航。我正在尝试创建一个嵌套的导航器，也就是说，我正在尝试在堆栈导航器中放置一个制表符导航器。然而，当我在iOS模拟器上运行应用程序时，主屏幕会无限地重新加载。下面的代码可能有什么问题？如果这是一个简单的问题，那么我将对react native...bear进行新的了解！
下面是我执行嵌套的代码部分：
import React from 'react';
import Home from './routes/Home'
import Alert from './routes/Alert'
import
浏览 0提问于2020-10-05得票数 1
1回答
我有以下HTML结构：
我在网站加载时加载一个Content组件：
ReactDOM.render(React.createElement(Content), document.getElementById('content'));
在这个组件中，我想将另一个组件放入带有一些道具的导航div中，例如：
var Content = React.createClass({
getInitialState: function () {
return {
isUserSignedIn: this.isUserSignedIn(),
浏览 2提问于2016-10-11得票数 0
我一直在使用，它允许我的位置很好地存储在状态中，并允许我使用react-router来定义路由，并在路由之间进行链接。
一个问题似乎是，当我需要使用<Link />组件导航时，如下所示：
<Link to={`/movie/${m.id}`}>
<p>{m.name}</p>
</Link>
这将触发路由的更改，并且在加载新路由时，电影页面的状态为已加载，在本例中为<Movie />路由。
这对于页面之间的转换并不是很好，因为新页面在导航时将是空白的，或者您可以放入一个加载器，但在加载新页面的api调用之前，它实际
浏览 3提问于2016-03-05得票数 1
在React中，我将一个对象的URL属性(具体地说是amcharts图表成员)设置为“../bullet.url/{member.name}”，它呈现时没有任何问题。单击该链接可正确导航到该页面。但是，似乎所有以前加载的状态都需要重新加载。它是一个新的React“会话”吗？
我已经尝试使用Link的各种表达式来设置该属性。但似乎没有一个像预期的那样编译。我发现的大多数文章都与Link或持久化状态的基本用法有关。
以下是渲染和导航的工作，但新页面上的所有状态都消失了：
let series = chart.series.push(new am4charts.LineSeries());
let
浏览 1提问于2019-03-30得票数 5
回答已采纳
1回答
今天，我遇到了一个问题，在API验证用户的JWT令牌是否有效之前，react加载路由。当使用EJS时，我可以将中间件传递到路由，而中间件将不包含下一个()参数。因此，服务器不会呈现EJS，这正是我希望使用react实现的。另外，在导航特定路由时，是否可以使useNavigate不重新加载？
我目前在App.js中的路线如下所示：
<Route element={<ProtectedRoute access={access}></ProtectedRoute>}>
<Route
path="/login"
exact
浏览 2提问于2022-06-01得票数 4
回答已采纳
我正在尝试使用库JWPlayer将v4实现为一个React应用程序。
如果播放器屏幕是应用程序加载上显示的初始屏幕，则播放机嵌入没有任何问题，但是当导航到播放机屏幕时(使用react导航选项卡)，将引发以下异常：
Exception thrown while executing UI block: child view controller:<JWPlayerKit.JWPlayerViewController: 0x7fd744bab800> should have parent view controller:<RNSScreen: 0x7fd6db935310>
浏览 4提问于2021-09-20得票数 0
我创建了一个基于docusaurus的网站，其中包括一些自定义的react组件，这些组件使用可加载组件加载动态导入。当我在页面之间导航时，Chrome和Firefox都能正常工作，但在Safari上，当页面加载时，它会从中间的某个位置开始显示，这取决于我在该页面上有多少react组件。
我做了一些研究，并指出了overscroll-behavior，目前Safari还没有实现它。我不确定这是否是导致问题的原因。如何确保文档页面只在顶部加载，即使页面上有动态内容(没有ssr)也是如此？
浏览 13提问于2021-06-01得票数 0
2回答
我用的是抽屉导航器。
我有HomeScreen(有一个项目列表)和另一个屏幕(DetailDataScreen)来获取每个项目的详细信息。
class HomeScreen extends React.Component {
render(){
//code
}
}
在主屏幕上，我有两个选项来选择要显示在FlatList上的数据(英语列表和另一个语言列表)。默认数据在呈现时以英文列表显示。
问题是数据显示在另一种语言列表中。我点击，它显示了另一种语言的数据(工作良好)。但是当我向后导航时(它再次显示了英语数据，这意味着主屏幕再次加载)。
所以我该怎么解决这个问题。
浏览 0提问于2018-04-23得票数 0
回答已采纳
我需要两个组件(导航栏和地图)之间的绑定状态。这两个组件都通过props接收来自索引状态的数据。
如何更新导航栏组件中的索引状态以更新映射组件？
在index.ts初始化中
this.state: { routes: {geojson_routes}, loadaded: false }
在navbar.tsx中
const [routes, setRoutes] = React.useState(props.routes)
const [loaded, setLoaled] = React.useState(props.loaded)
const showRoute= () => {
浏览 12提问于2021-06-02得票数 0
回答已采纳
1回答
我开始学习React，我在一个应用程序中工作，分为两部分:用户何时被记录，而用户未被记录。
当用户未被记录时，"/“将显示登录页面。记录时，将显示仪表板页面。在仪表板页面中，左边有一个顶部导航和一个侧边栏，在“中间”将显示页面的内容。链接在这张来自的图片中
因此，侧栏将有链接，这将更新显示为Dashboard组件的子组件的组件。我搜索了“嵌套路线”，但没有成功。
我尝试这样做，因为我看到，如果我要在“所有”页面中显示导航，最好是一次加载导航，然后更新子程序导航，而不是在每个页面中加载导航。
有人能帮忙吗？
App.js
import React from 'react
浏览 0提问于2020-01-21得票数 1
回答已采纳
1回答
作为react-native中的新手，我正在尝试找到一种方法来使用react-navigation处理不同的文件，而不需要导航栏(例如，只需单击登录视图中的一个按钮进入主视图，单击注销按钮返回登录视图)。
使用react导航，我创建了一个全局组件'Nav‘，并将其放在主AppRegistry调用中：
AppRegistry.registerComponent('myApp', () => Nav);
当在Navigator.js中时：
export const Nav = StackNavigator({
Login: { screen: LoginView
浏览 1提问于2017-04-06得票数 0
1回答
我希望将react应用程序分开，这样我就可以在运行时从外部.js文件加载任何逻辑(例如conteners / components)。例如，我将能够用完全不同的逻辑替换一个附加选项卡，或者，例如，仅通过添加.js文件来添加第二个选项卡(不对主响应应用程序进行任何更改)。
目前，我在主react应用程序中添加了一个组件：
import React, { useEffect, useState } from 'react';
const Custom = (props) => {
useEffect(() => {
const script =
浏览 4提问于2022-01-31得票数 0
1回答
我的应用程序使用react-navigation DrawerNavigator组件，允许用户浏览应用程序中的各种屏幕。
我的react-native-maps MapView组件嵌套在通过DrawerNavigator访问的屏幕中。
我发现的问题是，如果您导航到应用程序中的另一个页面，然后导航回地图页面，则整个地图必须重新加载，以前的标记/地图配置将丢失。
是否有一种方法，可以防止屏幕卸载时，导航离开，或另一种方式阻止整个地图的重置？我不会在下面发布代码，因为我认为这个问题更多的是基于理论，而不是修复代码错误。
浏览 3提问于2018-02-11得票数 5
回答已采纳
2回答
当多次呈现组件时，我正面临一个非常缓慢的反应本地的性能。我有一个包含要由组件使用的信息的对象数组。目前，数组大约有17个对象，因此相同的组件将在ScrollView中显示17次。当从<PreviousComponent />切换到<Container />时，JS帧速率下降到a-2fps.我只是展示与问题相关的代码块，这是为了解释的目的。另一个注意事项，我使用的导航是react来自react社区的导航。<EachCard />是另一个包含一些文本和视图组件的组件。我想，我使用的方法是标准的。
我读了性能页面。我没有console.log，也将开发模式设置为f
浏览 1提问于2017-03-02得票数 1
回答已采纳
我试图添加一个正确的按钮到导航栏，以推动一个视图。我想在Tab课上做这件事。我使用的代码来自导航示例，但我无法获得正确的按钮工作。选项卡页很好地加载，但是当我单击右侧按钮时，会得到以下消息：
message: undefined is not an object (evaluating 'this.props.navigator.push')"
主app.js
'use strict';
var React = require('react-native');
var Tabs = require("./
浏览 1提问于2015-03-31得票数 4
回答已采纳
2回答
我对React本机导航V2有一个问题，那就是在我可以查看下一个屏幕之前，有相当长的等待时间。
我读到这似乎是正常的，因为react原生必须渲染新屏幕的所有组件。
所以我想知道是否有某些模式可以获得更好的性能，或者是否有方法隐藏加载时间(通过加载循环或转换)？
浏览 8提问于2018-10-15得票数 1
我正在尝试使用锚标签从react应用程序的导航栏中调用同一页面上的组件。代码如下：
<li><a href="/#contact">Contact</a></li>
它应该调用的组件如下：
<div id="contact"></div>
在Chrome中，单击导航栏后组件不会立即加载。浏览器仅在页面加载后向下滚动。然而，这些锚点标签在IE&FF中立即起作用。我甚至尝试使用Lazy和Suspense来优化应用程序的加载性能。有什么建议或想法吗？
浏览 2提问于2021-02-26得票数 1
2回答
我正在开发一个React应用程序，其中有一个包含大量图形和大型列表组件的页面，加载它需要一些时间(性能依赖)。就目前而言，这是可以的，但问题来自以下几个方面：
在第一次呈现时，有一个API调用(API，因为不同的页面使用相同的数据)。加载旋转器在获取API数据时显示。
一旦数据被获取，它就是Redux管理状态，并且每个组件只是从那里获取它所需要的东西(不再加载)。
我的问题是，当我在页面之间导航时，通过链接(react路由器)，单击链接后，页面显示和菜单更新当前页面需要一段时间。在这段时间内，状态数据没有任何变化，所以我假设PureComponent会阻止重新呈现，但它不起作用
浏览 0提问于2019-01-03得票数 2
1回答
您好，我正在尝试从名为“商品”的产品页面中导航到购物车，但我似乎无法使用标题导航。我试过使用选项和屏幕选项，但两者都不起作用，我想我把导航放错了地方？我已经将购物车导航加载到了merch nav中，但是我似乎无法从购物车图标组件导航到它 MerchNav import React from 'react';
import { StyleSheet, Text, View, Image, SafeAreaView, Dimensions } from 'react-native';
import { useDimensions } from '@reac
浏览 10提问于2021-04-10得票数 0
1回答
我的代码有两个问题： 第一:我的整个应用程序似乎运行得很好，当我第一次加载我的web应用程序时，我可以访问我的所有路线。我的应用程序由一个带有导航栏的登录页面组成，这个导航栏有一个登录按钮，可以将我直接带到应用程序的主页(还没有添加身份验证)。此主页的导航栏与登录页上的导航栏不同。导航栏项目是(home、about和LandingPage)。我的App.js有指向登录页面组件、主页( Gitapp组件)和PageNotFound组件的路由。Gitapp组件包含指向about页面和其他组件的路由。如果我碰巧在App.js (第一级路由)上的某个路由上重新加载页面，它会正常重新加载。但是，如果我
浏览 22提问于2019-09-13得票数 1
回答已采纳
2回答
我有一个简单的反应本地项目在世博会，它推出一个网站使用。
以下是源代码：
import React from "react";
import { StyleSheet, View, SafeAreaView } from "react-native";
import { AntDesign } from "@expo/vector-icons";
import { WebView } from "react-native-webview";
export default function App() {
const go
浏览 6提问于2020-07-12得票数 4
回答已采纳
1回答
我现在的情况是：
我想单击一个图像，然后导航到一个/details页面。如果我点击图像，url会被刷新，但我的组件不会加载。
我尝试了一些我找到的解决方案，比如window.location.reload()。这种方法有效，但我必须在图像上单击2次才能刷新页面，我不明白为什么？所以它不能解决我的问题。
我发现，如果我在导航栏中插入链接，无论是图像还是按钮，链接都能正常工作，页面也会刷新。只有当我插入链接到一个页面，它不工作。
也许是因为导航栏组件在Switch组件之外？(见下文)这是唯一的区别。也许你们中的某个人有个想法。
<React.Fragment>
<
浏览 22提问于2020-05-12得票数 0
回答已采纳
我正在使用react-navigation和createStackNavigatior来处理应用程序中的导航。在主加载屏幕中，我使用componentWillReceiveProps来处理来自我的reducer的结果。
问题发生在我离开加载屏幕时，每当在不同的屏幕中更新相同的属性时，就会在我已经导航的主加载屏幕中调用componentWillReceiveProps，尽管我希望它根本不会运行。
有没有一种方法可以禁止该函数在被卸载后触发？
浏览 0提问于2019-09-19得票数 1
1回答
我有导航按钮(典型的左面板仪表板品种)，它们使用链接在主内容区域加载页面。
var {Link, History} = require('react-router');
var React = require('react');
var NavPanelButton = React.createClass({
mixins: [History],
click: function (e) {
e.preventDefault();
this.history.pushState(null, this.props.link);
},
浏览 3提问于2015-11-26得票数 3
回答已采纳
1回答
对于Vue或React等框架中的组件，我有一个简短的问题(我使用的是Vue)：
我正在构建一个相对简单的网页应用程序，它的导航栏是在所有页面上可见的。
你会把导航条组件放在哪里？在上的每一页？还是只有一次在主父页面上加载所有子组件？
浏览 4提问于2018-11-03得票数 0
1回答
我有一个组件(DatasetPage)，它为选定的图像呈现不同数据集的一些图像。这取决于在导航顶部栏上单击的选项卡。问题是，在我的例子中，其中一个数据集非常大，所以加载页面需要更多的时间。如果我等到页面加载后一切正常运行，但如果在还原器将属性传递给我的组件(ImageWithRelateds)之前，单击另一个选项卡(另一个数据集)，则新页将加载其他(最后)数据集的信息，该数据集尚未加载。
因此，我已经考虑了一个解决方案，可以在加载运行时阻止导航条的导航。但是问题是，这个加载对象是在ImageWithRelateds.js组件中控制的，导航条是从App.js控制的。因此，我需要从App.js访问
浏览 0提问于2018-03-13得票数 0
回答已采纳
2回答
具有多个独立组件的UI的体系结构
、、、、
问题
我的A站点是有反应的。
每当用户导航到站点A中的某个页面时，我希望将较小的响应组件呈现到站点A中。
每个较小的React组件都存在于自己的存储库中，站点A也是如此。
问题
当站点A正在生产时，我如何动态地将这些组件加载到站点A中？
我可以设置什么样的工作流来在站点A中本地开发较小的React组件？
我正在考虑使用Web ()，但不希望组件已经部署到某个地方，而只是从服务器加载这些组件。最好有一个解决方案，我可以在管道中设置一些东西，指向存在较小组件的存储库，并将这些组件与站点一起打包，每当构建任何组件时，代码都打包到一个包中。
这还带来了另一个问题，即由于打包的项目不同，需要多次加载相
浏览 0提问于2019-03-18得票数 1
回答已采纳
我正在使用react导航中的选项卡式导航器。我有一个父组件，如下所示
changeService(serviceName){
this.setState({
});
}
render() {
const { container } = styles
return (
<View style={container}>
<Header
clientName = {this.state.project}
serviceName = {this.state.service}
cancelClick = {this.handleExitClick}
/>
浏览 0提问于2018-05-07得票数 0
我在我的expo中使用React导航，我想编写一个解析器，每次当我们移动到任何其他页面时，都会调用一个函数来检查数据，如果值为空，则从localStorage/Server加载它。我怎样才能做到这一点呢？有没有导航事件可以帮我设置全局函数？我试着在这里阅读文档，但没有找到一个好的解决方案https://reactnavigation.org/ 我希望在我的expo/react应用程序中有这样的东西。https://angular.io/api/router/NavigationEnd 谢谢
浏览 6提问于2020-04-01得票数 0
我有一个带有(理论)导航结构的应用程序
/TabNavigator
/StackNavigator1
/ Home
/ View
/ Edit
/StackNavigator2
/ Search
/ View
/ Edit
/StackNavigator3
/ Profile
/ View
/ Edit
其中Home、Search、Profile是屏幕组件，View和Edit是在每个堆栈中重用的屏幕组件。
因此，如果我的屏幕在每个堆栈中都可用，那么它们可以同时挂载多次，即使组件本身只有一个存储区。
例如，如果我
浏览 2提问于2017-09-07得票数 1
我正在为导航创建一个使用react-router-dom的REACT，链接是有效的，但是如果我(例如)填充了一个表单并更改了页面，那么如果我返回的话，值就会消失！
我刚才只使用了几次，如果我还记得，只要您不重新加载页面，它就会保存已加载的值(例如，表单或研究结果)，但这不是吗？
我说错了吗？
我的配置有问题吗？
浏览 0提问于2020-10-14得票数 1
回答已采纳
考虑一个使用react-native导航器的简单stack navigator：
const stackNav = createStackNavigator(
{
CustomerList: {
screen: CustomerList,
navigationOptions: {
title: "Select a customer"
}
},
CustomerDetail: {
screen: CustomerDetail
}
},
{
navigationOpt
浏览 1提问于2018-08-24得票数 3
我在react中有导航，现在想要重定向到click.using上的列表页面，它正在加载页面 这是我的Header.js文件 return (
<Link to="/allusers">All Users</Link>
); 这是我的App.js文件，我导入了 import UsersList from './user/UsersList'; //then i defined
class App extends Component {
render () {
return (
<BrowserRouter>
<div&
浏览 33提问于2019-04-05得票数 0
4回答
我正在尝试使用Reactjs创建一个网站。我尝试创建导航栏，在导航栏上，我创建了2个链接，这是主页和联系人。当我点击example contact按钮时，我可以在URL上看到端点，但在页面上，什么也没有发生。我已经创建了路由和链接，但我真的不明白为什么我不能使用导航栏的链接。你能帮帮我吗？提前谢谢你。
import React from 'react';
import PropTypes from 'prop-types';
import {BrowserRouter, Link} from "react-router-dom";
const
浏览 7提问于2018-09-10得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
