在React导航中的组件之间切换

文章/答案/技术大牛

发布

1回答

Navigator组件是在react原生应用程序中切换屏幕的唯一方式吗？

javascript、react-native

当我开发我的第一个应用程序时，我正在学习React-Native，并且已经到了当用户点击我的ListView中的项目时，我想要切换到不同的屏幕。在我看到的几个React-Native应用程序中，它们在其主index.*.js中包含了一个导航器组件，并使用导航器在屏幕之间切换。

浏览 2提问于2016-10-02得票数 0

1回答

React Native中一个组件的多个实例

react-native、navigation、components

我是一个新的React Native，正在开发一个简单的应用程序，该应用程序加载像文件夹层次结构一样的数据，所以在顶层，当一个项目被点击时，我想切换到下一个级别，等等。每个级别都有相同的数据，我想我需要使用相同的组件，我想使用react导航在级别之间切换，但我不能这样做，因为使用了相同的组件。当然，你可以说只是

浏览 0提问于2018-06-23得票数 0

1回答

javascript、reactjs、react-native、react-navigation

我正在尝试使用本教程中的React导航： https://reactnavigation.org/docs/en/auth-flow.html 代码运行正常，但当我将其拆分成多个组件时，我可以从Root调用Login组件，但不能从Login组件导航到其他屏幕，因为我的堆栈是在Root登录中定义的，而login组件不

浏览 16提问于2019-04-30得票数 0

回答已采纳

2回答

在切换链路时防止反应路由器重新创建组件

reactjs、react-router

我有许多在顶层的导航链接，当您在链接之间切换时，可以切换页面级别的组件。有些页面有复杂的网格组件，创建起来非常昂贵。我注意到，每次切换页面时，react路由器都会构造组件。是否有一种方法来缓存传递到路由中的组件?即PositionsPage <Route path="/positions" component={Position

浏览 1提问于2016-07-19得票数 5

回答已采纳

4回答

如何获取当前导航状态

reactjs、react-native、react-redux、react-navigation

我使用的是来自的React，当我在Tab屏幕之间切换时，在this.props.navigation中没有任何导航状态。Tab导航器 import { View, Text, Image} from 'react-nativefrom

浏览 3提问于2017-03-16得票数 9

2回答

用持久场景响应本机导航器

tabs、reactjs、react-native

这是一个非常常见的应用程序的UX设计模式，我正在试图找出如何最好地在Reactive原住民中实现这个设计模式：对于复杂的场景，当场景重新呈现时，会出现不必要的延迟。当用户返回场景(例如主页)时，她将失去滚动位置和场景

浏览 2提问于2015-09-16得票数 1

1回答

我有一个问题反应路由器Dom V6和useState

reactjs、react-router、react-router-dom、react-state

我在同一组件的两个路由之间的导航有问题。/user但是，当尝试从/ user /:id导航到/user以创建新用户时，组件的状态不会重新声明。这些状态具有相同的页面/user/:id的值。只有在导航到

浏览 6提问于2022-08-06得票数 1

回答已采纳

1回答

React开关不呈现不同的页面

javascript、reactjs

我有一个react应用程序，它有一个组件来呈现我的HomePage。我决定创建另一个组件，这样我就可以在站点上的页面之间切换。对于HomePage，当我进入站点时，它可以工作，但点击导航链接不起作用，而且如果我输入url /contacto，我不会得到联系人组件的呈现，我会得到HomePage组件的呈现，它不会在它们之间切换</

浏览 11提问于2020-03-12得票数 1

回答已采纳

1回答

React导航-选项卡导航-仅从一个类获取不同的屏幕

react-native、react-navigation

是否可以在没有多个类的情况下在选项卡之间进行更改？ screen:**third component**

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

1回答

从另一个文件导入类后，React导航开关导航器不工作

javascript、react-native、react-navigation

嗨，请看我的代码：在App.js页面上，我已经导入了名为App1的Second.js文件模块，它是工作文件。此外，我在Second.js文件上做了同样的事情，从App.js导入应用程序组件，但在页面上显示导航器错误路由'App‘的组件必须是Re

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

1回答

将历史转换为react

reactjs、react-router、history.js

我正在使用History Api在我的网站中使用ajaxify插件在页面之间切换，这个插件依赖于这个网站的historyjs。它只是使用请求来更新页面中的div，而不更新其他所有内容(页眉、页脚)。我使用reactjs来呈现来自服务器的数据并将其表示在页面中，但是当我切换页面时，react不会重新加载页面中的内容，但它会给我一个

浏览 1提问于2015-02-12得票数 1

3回答

响应本地导航5.x给出导航错误

react-native、react-navigation-v5

几个月前，我切换到了@react-navigation/native v5.x，我认为我对此相当熟悉。但如果我想在屏幕之间移动，我会出错：import React from 'react'; import {NavigationContainer}

浏览 2提问于2020-10-20得票数 1

1回答

React:如何使用子组件的状态来影响父容器的样式？

javascript、reactjs、jsx

因此，我正在努力将我的投资组合转换为React。我原来的网站有一个切换按钮，它有一个非常简单的onclick功能来切换容器的类，它都是一个单独的html文件和一个脚本文件，我想我很难使用React，因为有太多的层。Here is the code sandbox for what I have so far for the React app.Toggler组件位于导航</

浏览 28提问于2020-09-08得票数 0

回答已采纳

1回答

使用React-Navigation和Fetch()时的问题

javascript、android、reactjs、react-native

本质上:我正在使用react导航在我的应用程序中的两个屏幕之间导航。这在原则上工作得很好，我可以使用导航按钮在屏幕之间导航。但是，我遇到了一个完全无法解决的问题，因为没有生成有用的错误信息。基本上，应用程序的每个页面在挂载时都需要使用fetch()来拉取数据，并且在第一次挂载组件</

浏览 6提问于2019-07-28得票数 0

回答已采纳

1回答

如何在React* Native中使用React导航v5访问应用程序中的reducer？*

react-native、react-navigation

我正在尝试使用React导航v5构建应用程序，并坚持使用身份验证流。my userReducer to check is user logged in and using LoginStack or Drawer // my stacks因此，在React导航文档中，身份验证流使用函数组件和其中的React钩子。但我使用的是class-component，并且我在

浏览 0提问于2020-02-14得票数 0

4回答

是否可以在页面切换之间保留示例Blazor项目中计数器的状态？

c#、blazor

在服务器端Blazor和WebAssembly Blazor项目的默认示例项目中，每次在页面之间移动时，计数器示例都会重置为0。但是，在ASP.NET React示例项目中，计数器不会在页面切换之间重置。像计数器这样的组件有没有办法在Blazor中保留页面导航之间的状态(至少对于没有进行任何服务器调用的WebAssembly项目)？

浏览 3提问于2019-12-01得票数 1

1回答

如何才能防止状态重置，即使我更改了路由器的url？

reactjs、react-router

我正在尝试构建一个react NavBar，它有一个切换按钮，可以改变页面的主题。主题是一个引导主题，它在元素中传递给一个头盔组件，目前都在导航栏中。此切换按钮更改状态，然后函数根据状态返回具有不同hrefs (引导主题)的两个元素中的一个，然后在头盔元素中呈现。问题是，当我使用Router在页面之间切换时，状态会重置，主题也

浏览 10提问于2019-12-15得票数 0

1回答

在同一页面中按ID链接

html、reactjs

我正试图使一个1页的网站，在反应，我已经把它分为多个组成部分。所以，我有一个肚脐部分和一个教育部分。现在我想把肚脐和教育联系起来。在App.js中，我正在做这个在肚脐上，我像这样连接 <NavLink href="#edu" className="navlink"> Education

浏览 2提问于2020-04-22得票数 1

回答已采纳

1回答

每次我更改页面(React* useEffect )时都会调用React路由器(带[])*

javascript、reactjs、react-router、react-hooks

我为这个问题准备了一个小演示：因此，我使用react-router-dom来创建单页面应用程序，并创建了两个页面(组件Page1和Page2)之间的标准导航。问题是，每次我在页面之间切换时，就会调用useEffect钩子(第二个参数为空数组)(在演示中，您可以在控制台中看到它)。我希望为每个组件只执行一次fetchData，然后重用该数据，无论用户是否要在页面之间切换<

浏览 31提问于2019-10-25得票数 4

回答已采纳

1回答

未定义不是一个计算navigation.navigate的对象

javascript、react-native、react-navigation

我使用这个<TouchableOpacity onPress={()=>navigation.navigate('SignInScreen')}>来打开其他页面，但是当我点击照片页面中的<TouchableOpacity'react';i

浏览 1提问于2021-07-08得票数 0

点击加载更多

Navigator组件是在react原生应用程序中切换屏幕的唯一方式吗？

React Native中一个组件的多个实例