这是一个codesandbox https://codesandbox.io/s/recursing-rhodes-ffcmc?file=/src/components/Navbar.js:792-856 现在它只是改变了路线，但是导航的背景颜色保持不变。 因此，我有这个导航栏组件，它根据我所在的特定页面更改背景颜色。如果我将导航栏单独添加到每个页面，则可以很好地工作。然而，我最终重复了一大堆代码。 所以这是我的初始设置 --pages
Home.js
About.js
Contact.js 这是我在主页上打开和关闭移动菜单的函数 const Home = () =&g
浏览 15提问于2020-12-14得票数 1
回答已采纳
我正在使用express nodejs框架创建rest web服务。我想从second.js导航到first.js页面，并需要向其发送数据和头。
first.js
const express = require("express");
const http = require("http");
var router = express.Router();
var options = {
host: "localhost",
port: "3000",
path: "/second",
metho
浏览 2提问于2017-09-28得票数 0
回答已采纳
在App.js中
我有过
const AppNavigator = DrawerNavigator ({
[routes.Home] = {screen: HomeScreen}
})
contentComponent:props => {
return (
<ScrollView>
{..props}
<DrawerContent />
</ScrollView>
}
)
在DrawerContent上，我有一个按钮onPress，我想导航到HomeScreen。
const DrawerContent = prop
浏览 0提问于2018-01-11得票数 0
我想将导航道具传递给App.js中的firebase notificationListener，但this.props.navigation是未定义的，我可以理解，因为App.js是启动导航的根目录。如果有任何变通方法，那就太好了。谢谢! class App extends Component {
componentDidMount() {
notificationListener.initNotificationListener(this.props.navigation);
}
render() {
return (
<Provider s
浏览 25提问于2019-09-02得票数 1
我正在开发我的第一个严肃的NextJS应用程序。我把它设置为输入左侧导航的JSON数据，而不是在某个应用程序中硬编码它们。这样的话，我就不用每次对网站的导航都做小改动了。
由于导航需要在每个页面上都可用，所以我将getInitialProps添加到_app.js文件中，该文件获取左导航并将其传递给左侧导航组件。但是现在，当我开始构建主页时，我看到那里的getInitialProps没有运行。getInitialProps in _app.js似乎具有先见之明。
有办法两者兼得吗？或者其他一些实现目标的解决方法(或者只是一个更好的方法来实现这个目标)？
请注意，我使用getInitialProp
浏览 2提问于2021-06-30得票数 2
回答已采纳
1回答
我是很新的反应-本地人，我一直在尝试导航。我在自己的.js文件中有4个组件类。App.js导入stackNavigator。Movies.js导入另一个名为MoviePopup.js的组件。MoviePopup.js有一个按钮，我想点击这个按钮打开一个确认屏幕(Confirmation.js)，并传递一个随机代码。
在App.js内部，我按照以下方式设置了stackNavigator：
const TicketsApp = StackNavigator({
Movies: { screen: MoviesList },
Confirmation: { screen: Confirmat
浏览 2提问于2017-09-03得票数 1
回答已采纳
1回答
输入元件功能的反应打印内容
、、、、
试图分割一些HTML块，方法是将HTML分割成较小的块，位于components文件夹中。(我知道，HTML不是真正的html，而是JSX)。
我试图实现的结果是让导入的组件导航来呈现其内容。
我确实理解，可能有一些工具可以进行代码分割。
问题:为什么代码不呈现div导航内容？
Navigation.js
import React from 'react';
export default function Navigation() {
return (
<div className="navigation">
<ul
浏览 4提问于2019-11-28得票数 1
回答已采纳
1回答
我使用的是REACT-NATIVE-FCM。
我的应用程序在App.js的堆栈导航器中有抽屉导航器。
在通知点击从通知托盘我希望用户直接转到某些屏幕。
在主页中注册FCM事件只在应用程序关闭的情况下有效，而在前台的应用程序中，事件不是called.It只是将您带到最后一个打开的屏幕。
我必须在每个屏幕上注册FCM事件，这对我来说不太好。所以我有了在App.js中注册FCM事件的解决方案，因为App.js是在初始化应用程序时从index.js调用的，但我无法在App.js中使用this.props.navigation.navigate。
使用react导航，我们如何在声明堆栈之后立即重定向用户
浏览 16提问于2018-02-20得票数 1
当路径位于某些特定路径时，我想隐藏我的导航栏，我想要将导航隐藏在app.js中的逻辑：-
export default function App() {
return (
<React.StrictMode>
<Router>
<NavBar />
<Routes />
<Footer />
</Router>
</React.
浏览 3提问于2021-08-14得票数 0
回答已采纳
使用Reach Router的应用程序。有两个页面，apage和b页面呈现APage和bpage
Apage有一个标题和按钮。当点击按钮时，应用程序导航到bpage。
App.js
import { Router, navigate } from "@reach/router";
export default function AppWithRouter() {
const APage = () => {
const handle = () => {
navigate('bpage')
}
retu
浏览 0提问于2019-12-12得票数 1
我正在尝试创建导航栏。当用户未登录时，他们会看到一个导航栏，其中只显示页面的标题。一旦用户登录，他应该会看到标题、其他页面、他的电子邮件地址和一个注销按钮。 我可以检索电子邮件地址，但当我刷新页面并单击注销按钮时，我收到一个错误消息： TypeError:无法读取null的属性'email‘ 我附上了我的导航栏的代码，以及我如何在下面的app.js它。 我不知道我该如何解决这个问题。 NavigationBar.js： const NavigationBar = ({ authUser }) => (
<div>{authUser ? <Navigatio
浏览 36提问于2019-04-14得票数 1
3回答
我是SAPUI5开发的新手，我想知道如何在不同的应用程序定义中导航。
在我的例子中，我正在开发一个使用sap.m.App的移动应用程序，在某些视图中，我想使用sap.m.splitApp。
首先，我有一个登录页面和一个带有一些选项的磁贴容器。根据用户的选择，我将显示一个包含主页面和详细页面的splitApp。
Main App Controller:使用这个方法，我可以导航到我的splitApp视图
toApp: function (pageId, context) {
var app = this.getView().app;
// load page on demand
浏览 0提问于2015-03-03得票数 0
我从“角”开始，我制作了这个页面(为了学习目的)，它的导航条包装在nav HTML5标记的属性指令中。当指令位于主js模块内时，所有操作都很好，但是当我将代码移动到第二个js文件中，进行所有指示的更改时，我会得到控制台中的下一个错误，导航栏永远不会出现：
angular.js:63未登录错误：$injector:modulerr未能实例化模块应用程序，原因是：
错误:由于以下原因，$injector:modulerr未能实例化模块adminMenu：
错误：$injector:nomod模块“adminMenu”不可用！您要么拼错了模块名，要么忘记加载它。如果注册一个模块，请确保将依赖项指定
浏览 4提问于2015-02-12得票数 1
回答已采纳
我在我的项目中使用了Aurelia框架。每件事看起来都很直观，然而我被一个我怀疑相当容易的问题所困扰(如果你知道怎么做的话)。
问题是app.html / app.js最初会显示一个导航栏并加载一些默认样式。
现在我需要一个登录页，它不加载任何东西，但它自己的样式，没有导航栏什么都没有-只是它自己的登录表单。
所以我尝试了这样的方法：
app.js
<template>
<div if.bind="auth.isNotAuthenticated()">
<require from="components/login/
浏览 31提问于2015-11-01得票数 20
回答已采纳
2回答
我有问题从其他脚本(屏幕)导航...我在App.js中实现了导航(使用createStackNavigator和屏幕)。当我想要导航时，一切都很好(在这个脚本(App.js)中定义了OnPress{() => navigate("someScreen")} to screen )。
但是，当我想从其他脚本(在App.js之外)使用该导航时，假设在"NewPage.js“中有自己的"export default class NewPage...”在里面我有一个按钮元素，它的任务是导航"onPress“到在App.js stackNavigator中定
浏览 6提问于2018-05-17得票数 0
1回答
主干网应用程序未初始化
、、、
我在做一个骨干应用程序。我有以下应用程序文件：
// src/app.js
var AppRouter = require('./router');
var App = new AppRouter();
它被链接到索引页面(链接工作，我已经验证了)：
<!DOCTYPE html>
<html>
<head>
<title>Feedback Dev Test</title>
</head>
<body>
<script type="text/javascript" s
浏览 1提问于2015-02-26得票数 0
回答已采纳
在将react导航和redux-helpers库升级到最新版本之后，我得到了这个错误，仍然找不到任何有用的链接。
“反应”："16.3.1"，
“反应-本地人”："0.55.4"，
“反应-导航”："^2.3.1"，
“反应-导航-还原-帮助”："^2.0.1"，
不变违规:必须将App.router提供给createNavigationPropConstructor，以响应导航-redux@2.0.0。了解更多信息：
此错误位于: NavigatorReduxWrapper (由连接(NavigatorRedux
浏览 0提问于2018-06-25得票数 0
我希望创建一个平均堆栈应用程序，其中前端用户界面有导航栏(导航栏)，包含三个导航链接到三个不同的页面。
在单击选项卡/导航项时，相应的页面应该打开。这能用ngRoute来完成吗？如果是，那怎么做？
此外，我将使用该应用程序的平均堆栈应用程序。我试着用ui路由器做这件事；当应用程序部署到tomcat上时，它就起作用了。但是，每当代码部署在MEAN上时，它就无法工作。
谁能告诉我为什么会发生这种事吗？
档案结构：
Project Name
|-- client
| |-- js
| | `-- app.js
| |-- templates
| | |-- about.htm
浏览 3提问于2017-02-02得票数 1
回答已采纳
我正在开发一个使用的应用程序，我想从FlatList的每一项中创建一个导航。
例如，使用。在App.js中，代码如下：
export default class App extends React.Component {
render() {
return (
<View style={styles.container}>
<Text>Open up App.js to start working on your app!</Text>
<Text>Changes you make will
浏览 0提问于2018-02-13得票数 1
回答已采纳
所以我试着在我的_app.js上渲染我的网页导航和页脚。我想根据正在访问的页面动态地更改我的导航/页脚的样式。我想把导航和页脚放在单独的页面上，但我不认为这是最好的做法。
如何知道我在_app.js中访问的是哪个页面？
例如。
pages/index.js
pages/profile.js
在我的_app.js中，我将根据访问的页面更改导航和页脚的样式。
浏览 2提问于2019-11-16得票数 0
嗨，请看我的代码：
我已经创建了切换导航器，用于在从App.js到Second.js的页面之间导航
在App.js页面上，我已经导入了名为App1的Second.js文件模块，它是工作文件。
此外，我在Second.js文件上做了同样的事情，从App.js导入应用程序组件，但在页面上显示导航器错误
路由'App‘的组件必须是React组件。
我确实在互联网上搜索了相同的内容，并尝试从‘./ App’导入{App}中替换我的导入语法；以从‘./App’导入App；
你可以在expo 上查看我的代码
浏览 1提问于2019-02-03得票数 0
我正在尝试在一个反应项目中嵌入一个p5js草图。我使用标记嵌入.js文件，其中包含p5js草图，我使用来管理到网页的路由。我成功地获得了p5js草图的正确显示，但是我面临以下问题：
引用ScriptTag草图的p5js位于到'/p5js‘的路由内。
<Route path="/p5js" element={<p5js />}/>
只有在刷新页面上的浏览器'localhost:3000/ p5js‘之后，p5js草图才会加载。一旦加载，它仍然在屏幕上，即使在我回到另一页之后，比如说
<Route path="/home"
浏览 7提问于2022-06-10得票数 1
2回答
我在App.js组件中有一个api调用，我从这里获取用户名，以便在导航栏中显示这一点。您可以看到navbar组件将name属性作为参数传递给它。这就是我的App.js代码的样子
function App() {
const[name,setName] = useState(null);
useEffect(()=> {
(
async () => {
try{
const res = await fetch('https://localhost:44361/api/users/getuser
浏览 1提问于2021-12-16得票数 0
回答已采纳
我的导航出了点问题。我使用的是新的分隔板。当用户注销时，我在app.component中执行setRoot并将其设置为登录页面。当用户登录后，可观察对象也会在app.component中获得登录值，并执行setRoot(TabsPage)。然后，当我尝试在离子分割窗格中导航时，它会抛出一个异常，因为NavControllerBase中的队列为空。
我在这个存储库中重新创建了相同的错误：
尝试在不单击主视图中的按钮的情况下首先导航菜单。然后单击该按钮并再次尝试导航。
它崩溃的原因是：
TypeError: Cannot read property 'push' of null
浏览 7提问于2017-03-13得票数 0
我创建了一个导航组件，并在app.js中调用了这个组件，但是该组件显示了一个错误，即定义了导航，但没有使用导航。
app.js的代码是
import { navigation } from "./components/navigation";
import React from "react";
function App()
{
return(
<>
<navigation/>
</>
)
}
export default App;
浏览 8提问于2022-04-18得票数 0
我尝试为导航创建一个名为Navigate.js的特殊屏幕。这就是我所写的：
/**
* Navigate.js
*
* Root component of the app,
* responsible for setting up routes.
*
*/
// Libs
import React from 'react';
import { View, Text, Button } from 'react-native';
import { createAppContainer } from 'react-naviga
浏览 2提问于2020-03-26得票数 0
回答已采纳
我一直在尝试从屏幕调用一个位于导航器屏幕中的函数。
为了澄清这一点，下面是我的代码片段..。
//ScreenA.js
export default class ScreenA extends React.Component {
showWarning(){
this.setState({showWarning: true});
setTimeout(function() {
this.setState({showWarning: false});
}.bind(this), 3000);
}
r
浏览 0提问于2017-12-06得票数 2
当我在嵌套组件内部调用时，我变得未定义is not object (计算'this.props.navigation')
我还尝试将withNavigation用于嵌套导航器和组件。
根导航器是分隔的
const stackNavigator = createStackNavigator({
Home: {
screen: TabNav
},
ProductsList:{
screen: ProductsList
};
const MainNavigation = createAppContainer(stack
浏览 20提问于2019-07-29得票数 0
回答已采纳
1回答
我读过，但似乎搞不懂。我有一个使用require.js的主干应用程序，当我离开它导航时，需要能够关闭/销毁视图。
有很多方法来启动一个骨干应用程序，但是当使用require来允许清理时，什么是正确的方法呢？在导航之前，如何在视图上调用close()函数？
Main.js
require([ "app", "backbone", "router", "facebook"], function(App, Backbone, Router, FB) {
//theres a lot of facebook integratio
浏览 4提问于2014-06-04得票数 1
我刚接触react native，我想通过导航来重定向我的抽屉功能。意味着当导航到该屏幕时。该抽屉函数将自动调用。
下面是我在Browse.js文件中的导航代码
if (json != "error") {
// if (response && response.length && response[0].message != "error")
alert(JSON.stringify(json));
this.props.navigation.navigate(&#
浏览 0提问于2021-01-06得票数 2
我正在使用react导航库中的react开关导航器。我创建了一个单独的文件router.js并调用我的App.js。现在我使用的是react-native-firebase，我需要从app.js导航到特定的屏幕。如果任何人有一个想法，请让我知道这是我的代码：
App.js：
import Router from "./src/Router";
class App extends Component<Props> {
render() {
return (
<Router />
);
}
}
export default
浏览 0提问于2019-08-21得票数 1
我尝试在应用程序屏幕上使用导航，在应用程序屏幕中导入导航。但它显示出错误。无法读取属性导航是未定义的。
App.js
import React from 'react';
import { ActivityIndicator, StyleSheet, Text, View } from 'react-native';
import Navigation from './App/Components/Navigation';
import OneSignal from 'react-native-onesignal';
export
浏览 1提问于2019-09-16得票数 0
我叉角种子项目尝试angularJS，我面临一些问题与URL。如何摆脱app/index.html部分来访问index.html文件，从而使localhost:8000/app/index.html变成localhost:8000？而且，看起来我定义的路由被忽略了。
/* app/js/app.js */
var myApp = angular.module('myApp', [
'ngRoute',
'myAppControllers'
]);
myApp.config(['$routeProvider', '
浏览 1提问于2014-03-06得票数 1
回答已采纳
在我的旧版本中，我做了这样的事情:进入闪屏，如果用户已连接，则转到App，否则转到登录。
我可以使用this.props.navigation.navigate("Register")导航到屏幕
SplashScreen.js：
componentDidMount(){
firebase.auth().onAuthStateChanged(user => {
this.props.navigation.navigate(user ? "App" : "Login")
});
浏览 7提问于2020-05-08得票数 1
3回答
我的应用程序存储在/src/index.js中，但我也有一个/App.js和一个/index.js。
我不知道它们之间的区别，我认为这就是我犯这个错误的原因。
/index.js
import { AppRegistry } from 'react-native';
import App from './App';
AppRegistry.registerComponent('client', () => App);
/App.js
import App from './src/index';
export de
浏览 4提问于2018-01-30得票数 7
回答已采纳
我试图让FCM推送通知工作在我的反应本机项目的android和反应本机通知库和aws放大。我有一个问题，PushNotification.onRegister方法在android中没有被调用来获得设备令牌来发送远程notifications.How，我能让这两个库在我的react本机项目中一起工作吗？
我遵循aws-放大文档，在react本机项目中包括扩容库。然后，我添加了按设置的推送通知，我已经包括了react--本机导航库，以支持在安装react之后的react-原生应用程序中的导航--本机导航库pushNotification.onRegister方法不会被调用来接收设备令牌，否则我无法
浏览 0提问于2019-01-31得票数 3
对于，我的问题也是一样的，但是如果我使用这样的商店提供商，我会遇到一些困难：
const AppNavigator = createSwitchNavigator(
{
Loading: MainLoadingScreen,
App: MainNavigator,
Auth: AuthStack,
Signup: SignupStack
},
{
initialRouteName: 'Loading',
}
);
const App = () => {
return (
浏览 0提问于2019-07-30得票数 0
回答已采纳
2回答
我有一个用于加载控制器的简单app.js。但是，控制器并没有被加载。会很感谢你的帮助。
这是我的app.js
/* globals APP, angular */
angular.module('templates-outlook', []);
angular.module(APP, [
'templates-outlook',
'ui.router'
])
.config[(
'$stateProvider',
function ($stateProvider) {
浏览 6提问于2018-10-02得票数 0
例如，当应用程序启动时，我在redux商店中存储导航：
//in App.js file
import { useNavigate } from 'react-router-dom'
const App = () => {
const navigate = useNavigate();
useEffect(() => {
dispatch(addNavigate(navigate))
}, [dispatch, navigate]);
}
当我使用useSelector在另一个组件的redux中选择导航时，它会返回未定义的。我如
浏览 2提问于2022-04-10得票数 1
回答已采纳
我想要创建一个函数来检查用户是否还在登录。如果不是那样的话，回去登录屏幕。但是，我希望它总是去八月，而不必给每个屏幕一个导航支柱。相反，我想让它在组件中，这样我就可以导入它，并在需要的时候调用它。我是新来的反应-本地人，但没有发现任何关于我如何能做到这一点。
开关导航器在app.js中如下所示：
const App = createAppContainer(createSwitchNavigator(
{
Starter: AuthLoadingScreen,
App: AppStack,
Auth: AuthStack
},
{
浏览 3提问于2019-12-04得票数 1
回答已采纳
1回答
我的路由文件夹中有一个ships.js：
var express = require('express');
var router = express.Router();
/* GET Ships page. */
router.get('/ships', function(req, res, next) {
res.render('ships', { title: 'Express' });
});
module.exports = router;
我在我的app.js中有这些语句
var routes = requir
浏览 3提问于2015-01-24得票数 0
我有一个使用MVC服务器端路由的Aurelia项目。我使用的布局文件指向一个主要的"app“组件，如下所示：
<div aurelia-app="main" start="app" data-model='@Json.Encode( Model )'></div>
我的每个视图都包含对布局文件的引用，如下所示：
<div aurelia-app="main" start="sample-module" data-model='@Json.Encode( Model )&
浏览 3提问于2016-12-15得票数 0
回答已采纳
1回答
嵌套导航器
、、、
我是一个反应的初学者，并发现很难确切地理解如何反应导航工作。我是否应该用App.js编写所有导航代码，还是可以在不同的屏幕(home.js等)中嵌套。
简单地说：
我可以在App.js下制作一个堆栈导航器，它引用"home.js“的堆栈屏幕，其中包含.js文件中的一个按钮--这反过来导航到带有onPress事件的"settings.js”，还是这里我都错了？
新编辑：
App.js:
function HomeNavigator() {
return(
<HomeStack.Navigator>
<HomeStack
浏览 3提问于2021-10-29得票数 0
回答已采纳
2回答
无法从"App.js“解析”@react-导航/堆栈“未定义无法从App.js解析模块@react-navigation/stack：@react-在项目中找不到导航/堆栈。
浏览 0提问于2020-07-19得票数 0
目前，我正在开发一个react本地移动应用程序。我在App.js文件中有一个堆栈导航器。(堆栈1，堆栈2，堆栈3)。在堆栈1组件中，我有一个选项卡导航器。(表1，表2，表3)我的目标是使用App.js中的函数调用(App.js())导航选项卡1组件。
任何在这项任务上的帮助都是非常感谢的。
浏览 8提问于2022-05-19得票数 0
我有一个带有app.html和app.js导航的Aurelia项目。该项目包括一个与其样式不同的主页，包括与非主页视图不同的导航。
我想关闭主视图的导航，所以我尝试设置一个变量(showMenu)来切换可见性。事实上，我可以使用jQuery来完成这个任务，但我不知道是否有一种Aurelia方法。如果我将this.showMenu设置为true，它将显示菜单容器，并隐藏它。例如，就像这样：
app.html
<div class="container" if.bind="showMenu">
app.js
constructor(router)
浏览 0提问于2018-02-01得票数 0
回答已采纳
这是很奇怪的，我可以使用Phonegap的导航对象很好，如果我点击我的页面上的一个按钮，像这样。
控制器
Ext.define('App.controller.MainController', {
extend: 'Ext.app.Controller',
config: {
refs: {
homeButton: 'button[action=viewHome]',
},
control: {
homeButton: {
浏览 2提问于2012-11-20得票数 0
回答已采纳
1回答
我已经将我的mern应用程序部署到heroku，但是当我试图通过输入url导航到路线时，它显示了一个404页面错误。导航栏链接工作正常，它们成功地将我导航到登录和注册页面，但当我单击注册时，表单中的登录链接。这些链接断开了，它给我一个无法加载资源的提示:服务器返回状态404 (Not Found)。你可以在https://fullstack-restaurant-app97.herokuapp.com/上查看我的应用程序，当我导航到https://fullstack-restaurant-app97.herokuapp.com/signin或https://fullstack-restaur
浏览 20提问于2020-10-25得票数 0
回答已采纳
2回答
如何从航海家的某个地方导航？
、、、、
Navigator.js
const App = createStackNavigator({
screenA: { screen: ScreenA },
screenB: { screen: ScreenB }
})
const Navigator = createAppContainer(App);
export default Navigator;
App.js
return (
<SafeAreaView>
<Provider store={store}>
<MainNavigator />
浏览 4提问于2019-02-28得票数 0
回答已采纳
2回答
我最初使用的是来自react-router的react-router，并以编程方式使用this.props.history.push()导航我的React应用程序。但是，随着从HashRouter包开始使用react-router-dom，this.props.history.push()现在抛出一个Cannot read property 'push' of undefined错误。
现在如何使用HashRouter以编程方式导航？
ReactDOM.render(
<Provider store={store}>
<MuiThemeProvid
浏览 2提问于2017-05-26得票数 7
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
