React Router:导航回搜索结果
React Router是一个用于构建单页面应用的React库。它提供了一种简单的方式来管理应用程序的导航和路由。React Router可以帮助开发人员在不刷新整个页面的情况下，根据URL的变化来渲染不同的组件。
React Router的主要特点包括：
- 声明式路由：React Router使用声明式的方式定义路由，开发人员只需要简单地描述每个URL与对应组件的映射关系，而不需要手动处理URL的解析和匹配。
- 嵌套路由：React Router支持嵌套路由，可以在一个组件中定义子路由，使得应用程序的路由结构更加清晰和灵活。
- 动态路由：React Router允许在路由中使用动态参数，可以根据不同的参数值来渲染不同的组件，实现更加灵活的路由配置。
- 导航组件：React Router提供了一系列的导航组件，如Link和NavLink，可以用于生成带有正确URL的导航链接，方便用户进行页面之间的跳转。
- 路由守卫：React Router支持路由守卫，可以在路由切换前后执行一些逻辑，例如验证用户权限、加载数据等。
React Router的应用场景包括但不限于：
- 单页面应用（SPA）：React Router适用于构建单页面应用，可以通过URL来管理不同页面的展示和切换。
- 多层级导航：React Router的嵌套路由功能可以用于构建多层级的导航结构，方便用户在不同层级之间进行导航。
- 动态路由：React Router的动态路由功能可以根据不同的参数值来渲染不同的组件，适用于需要根据用户输入或其他条件来展示不同内容的场景。
推荐的腾讯云相关产品和产品介绍链接地址：
腾讯云提供了一系列与云计算相关的产品和服务，以下是其中几个与React Router相关的产品：
- 腾讯云云服务器（CVM）：腾讯云提供的云服务器产品，可以用于部署React Router应用程序。产品介绍链接：https://cloud.tencent.com/product/cvm
- 腾讯云负载均衡（CLB）：腾讯云提供的负载均衡产品，可以用于将流量分发到不同的云服务器上，实现高可用和负载均衡。产品介绍链接：https://cloud.tencent.com/product/clb
- 腾讯云对象存储（COS）：腾讯云提供的对象存储服务，可以用于存储React Router应用程序的静态资源，如HTML、CSS、JavaScript文件等。产品介绍链接：https://cloud.tencent.com/product/cos
请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求和项目情况进行评估和决策。
相关·内容
我有一个带有导航栏组件的顶部栏菜单，另一个组件包含在一个表单上，该表单带有一个文本输入，可以将应用程序组件的状态更改为导航。Nav位于路由器外部，它具有用于更改路由的链路。
导航：
import React from 'react';
import {NavLink} from 'react-router-dom';
import SearchInput from './search-input';
var Nav = (props) =>{
return(
<nav className="top-bar ma
浏览 1提问于2017-05-07得票数 2
我正在使用RNRF库在我的应用程序中跨屏幕导航。我有一个基于令牌的身份验证机制，每当用户单击Logout并删除保存在AsyncStorage中的令牌时，我就想注销用户。
我的路由器文件
import React from 'react';
import { Text } from 'react-native';
import { Scene, Router } from 'react-native-router-flux'
const RouterComponent = () => {
return (
<
浏览 7提问于2018-08-03得票数 0
回答已采纳
1回答
在选择之后，不要崩溃
、、、
我制作了一个多页面的react应用程序，当我打开导航栏并选择应用导航到该页面但导航栏不会崩溃时，我使用Reactive路由器导航并对手机上的导航条进行引导。
代码：
import React from "react";
import { Navbar, Nav } from "react-bootstrap";
import { BrowserRouter as Router, Switch, Route, Link } from "react-router-dom";
//pages
import Pit from "./pages
浏览 2提问于2020-09-26得票数 0
回答已采纳
嗨，我有一个场景，我在顶部导航栏上放了一个搜索栏，这样用户就可以从应用程序的任何地方进行搜索。用户提交搜索表单后，如何切换到结果组件？下面是我的搜索组件，它用搜索结果填充全局状态，但我无法将视图切换到results组件。 import React, { useState, useEffect, useContext } from 'react';
import axios from 'axios';
import { StateContext } from '../../StateContext';
import './SearchB
浏览 16提问于2020-03-28得票数 1
回答已采纳
似乎react路由器无法使用redux，单击App中的链接成功地将'/ search‘添加到URL，但它没有导航到搜索页面，导航只在我刷新页面之后才会出现，而不是在单击链接之后，那么这里有什么问题呢？
这是我的两个组件
index.js
import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';
import './index.css';
import App from '.
浏览 1提问于2018-10-06得票数 1
回答已采纳
1回答
我有一个电话簿应用程序，在其中我正在实现一个搜索栏。
我正在尝试使用useNavigate钩子来获取字符串{ term }，并导航到搜索页面以及用户键入的术语。因此，例如，如果用户输入David，地址栏将是
当我在搜索栏中键入David时，我在地址栏中得到了这个结果，参数没有传递到搜索页面。
我遵循了这里的指示，它说我应该按照导航(‘search’，{term})操作，但这对我没有用。
感谢你的任何帮助
Searchbar.js
import "./Searchbar.css"
import { useState } from "react"
import {
浏览 3提问于2022-01-04得票数 0
1回答
我是react的新手，我想在react中实现像一样的搜索，我的Ui包含一个搜索框--下拉列表和提交按钮，当点击提交按钮时，我想搜索数据并将数据显示到结果组件中，就像在Trivago网站中一样，我不知道如何实现搜索，有人能给我一些参考代码吗？
我已经使用了react router导航到结果页面，当我单击submit按钮时，它将我导航到结果页面。我想实现搜索和发送表单数据，以便根据文本输入进行搜索。
import React,{ Component } from 'react';
import './App.css';
import logo from '.
浏览 0提问于2019-06-12得票数 2
5回答
反应引导肚脐崩溃不起作用
、、、
我使用了react导航条，也使用了react-scroll来平滑导航。它运行良好，但导航条在响应模式下单击任何导航项时不会崩溃。
包
import React, { Component } from "react";
import { NavLink } from "react-router-dom";
import { Link } from "react-scroll";
import { LinkContainer } from "react-router-bootstrap";
import { Navbar, Conta
浏览 0提问于2019-02-25得票数 12
回答已采纳
3回答
我已经建立了一个基本的反应应用程序与哈希导航。问题是，当我单击任何链接在页面之间导航时，我会看到url中的散列正在正确地变化，并且我在我的console.log的render中添加了一个render，以查看它是否被调用，以及是否正在使用适当的this.props.children值，但是页面并没有呈现任何内容。如果我走到任何路径并刷新页面，我会看到正确的组件呈现，但是如果我导航到某个地方，说明会被呈现，直到我再次刷新为止。
import React from "react";
import ReactDOM from "react-dom";
import {
浏览 2提问于2017-03-14得票数 3
回答已采纳
在使用Vue路由器时，我发现可以使用<router-link>和RouterLink实现相同的结果，即在不同的路由之间导航。
类似地，还有<router-view>和RouterView组件。
下面两个代码示例给出了相同的结果：
使用<router-link>和<router-view>
<template>
<router-link to="/">Home</router-link>
<router-link to="/about">About</ro
浏览 23提问于2022-04-03得票数 2
回答已采纳
2回答
用调度位置更改上的剩余动作
、、、、
我正在使用React和Redux作为搜索应用程序。使用react-router-dom，我将/search/:term?路由到Search组件：
<Router>
<Switch>
<Route exact path="/search/:term?" component={Search} />
<Redirect to="/search" />
</Switch>
const Search = (props) => {
const { term } = props.m
浏览 0提问于2018-05-17得票数 1
回答已采纳
3回答
我已经寻找了一段时间，关于如何使用react-router-dom或其他什么来隐藏登录和注册中的导航，我所发现的只是一个复杂的代码和非常旧的帖子，它们对我没有帮助。我所问的是，是否有可能只为登录和注册页面隐藏导航栏，或者我应该将导航栏放在每个组件中，我认为这是没有意义的。
我试着对这篇文章做同样的事情，但是我得到了this.props.location未定义的结果
import React, {Component} from 'react';
import { BrowserRouter as Router, Route, Redirect, Switch } from
浏览 29提问于2018-02-01得票数 0
回答已采纳
2回答
我正尝试在我的react原生应用程序中使用react导航来设置导航。
我尝试过使用其他包的导航功能，比如react-native-router和react-router。我看过stackoverflow上的其他答案，但似乎没有一个回答我的问题。下面是我正在使用的库及其版本
"react": "16.8.6",
"react-native": "^0.60.5",
"react-native-gesture-handler": "^1.4.1",
"react-
浏览 0提问于2019-09-03得票数 1
我目前正在开发我的第一个reactjs应用程序，在使用react-router-dom从搜索组件导航到结果组件时遇到了困难。
搜索组件接受来自用户的条目，使用axios执行get请求并更新其结果状态。
import axios from 'axios';
import React, {Component} from 'react';
import {Button} from 'react-bootstrap';
import Results from './Results';
class Search extends Compo
浏览 0提问于2017-03-24得票数 6
回答已采纳
我使用的是通过/customers/${id}传递变量的react-router Link组件。该链接导航到正确的组件，但不是将${id}转换为它的值，而是将其作为文本传递，如下所示：'/customers/$%7Bid%7D‘。 我使用的是react-router 4.3.1 我正在学习React，并且正在创建一个简单的主/细节webapp。我已经成功地从API中检索到了数据，并将其呈现为一个列表。我希望能够单击列表中的项目并导航到将惟一ID作为参数传递的details组件。 我尝试了所有的方法，但基本上，无论我怎么尝试，我都不能让${}工作。我试着用谷歌搜索这个问题，但没有找到任
浏览 34提问于2019-01-01得票数 1
回答已采纳
我正在学习React Router，我有一个简单的导航栏组件，其中有一个输入/搜索栏。当单击search时，它将搜索一个应用程序接口，我想使用React Router路由到一个新页面(/results)以显示结果。 我希望在单击submit按钮时显示我的组件SearchResults。 这是我的代码： const Search = () => {
const apiKey = 'xxxxxx';
const [input, setInput] = useState('');
const handleSubmit = (e) => {
浏览 8提问于2020-07-08得票数 0
回答已采纳
我想使用与react-router相同的方式进行导航。我正在获取一个API并将结果显示为卡片，当您单击一张卡片时，我需要它来导航到基于所选卡片的特定ID。 <Route path='/item:id' component={item-details} /> 然后在卡片上，你这样做。<Link to='item/:id' > Card...</Link> 这就是你如何用React -router-dom来实现的……我需要用React Native来归档同样的东西。有什么解决方案吗？
浏览 24提问于2020-04-04得票数 1
3回答
我将react与redux-persist一起使用，如果用户从/home转到/search，则会触发两次“恢复水化”事件，这带来了一些问题。
所以首先，状态在根中是正确的。然后我更改我的搜索参数。点击搜索后，我可以看到“恢复水合”事件被激活了，它再次改变了应用程序的状态。
你知道哪里出了问题吗?我能做些什么来修复它？
下面是我使用的代码
import {Router, Route, browserHistory, Redirect} from 'react-router';
import {persistStore, autoRehydrate} from 'redux
浏览 2提问于2017-06-14得票数 1
1回答
我正在尝试在React Native中创建一个加载屏幕，一旦来自setTimeout函数的时间已经完成，它将导航到一个确认屏幕。目前，屏幕会加载，但在setTimeout间隔后不会导航到确认屏幕。
import React from 'react';
import { Text, View, Image } from 'react-native';
import { Actions as NavigationActions } from 'react-native-router-
flux';
import styles from '.
浏览 0提问于2017-07-07得票数 3
回答已采纳
2回答
我对一些组件使用react，并且在react根目录之外有一个导航菜单。 当我点击菜单链接时，我想改变根目录中的react组件。 我搜索了一下，发现react-router是一个解决方案，但我不知道该怎么做。 还要注意的是，我不想使用Hash urls。 下面是我的代码示例 <div class="menu">
<a href="page2">page 2</a>
</div>
<div class="react-root"></div> 我只为react-root div调
浏览 34提问于2019-12-08得票数 0
回答已采纳
我知道这个问题听起来像是在寻求不应该出现在这里的建议，但我是在大量搜索我的需求后发布的。
我正在使用react-router-native进行导航，这是一个很棒的功能。但在动画部分，它并没有提供最好的用户体验。似乎不提供任何动画信息。
甚至在谷歌中，我也发现了一些文章(，)，描述了用于导航的动画，但仅适用于react。
因此，有没有人可以告诉我，有什么方法可以为react-router-native应用动画吗？
浏览 18提问于2018-02-15得票数 2
2回答
我正在使用堆栈导航器在我的react原生应用程序的屏幕之间导航。但是它给了我一个使用this.props.navigation.navigate的错误。请告诉我我哪里做错了。
我也在我的应用程序中使用react-native router-flux，但出于某些目的，我需要使用堆栈导航器，因为我的应用程序有主页，它显示博客馈送的一些内容，点击阅读更多，它应该只在详细页面中打开特定博客馈送的详细视图，因此，为此，我在这里使用堆栈导航器。下面是我的代码：
Home.js：
import React, { Component } from 'react';
import {
浏览 11提问于2017-08-23得票数 0
回答已采纳
我在Next.js中有一个简单的搜索栏组件，我想将它保存在我的主导航栏中并在search.js页面上使用。我只需要它将用户发送到/search?q=INPUTVALUE，然而，在提交时，它总是停留在同一页上，只附加?q=INPUTVALUE，忽略指定的"/search“。 例如，如果在我的about.js页面上提交，我的url将是/about?q=INPUTVALUE。它可以在search.js上正常工作。 我遗漏了什么？ import { useState } from 'react'
import {useRouter} from 'next/router
浏览 41提问于2021-07-21得票数 0
回答已采纳
我是新的反应，并试图制作一个加载/问候页面，导航到下一个在几秒钟后显示。在function路由器v6中，我们有允许您控制导航的useNavigate()钩子，我正在使用它通过在useEffect()钩子中设置一个超时来成功地调用导航函数。但是，编译器正在抱怨我缺少一个依赖项。不过，我只希望它运行一次，而不是当navigate发生变化时。做这件事最好的方法是什么？
谢谢!
import { useEffect } from "react";
import { useNavigate } from "react-router-dom";
function Gree
浏览 33提问于2022-09-14得票数 4
回答已采纳
在使用Linking.getInitialURL()之后，URL仍然在那里。 我正在使用react-native-router-flux来导航。 当用户注销时，我运行 import { NativeModules } from 'react-native';
NativeModules.DevSettings.reload() 所发生的是反应导航执行Linking.getInitialURL()，如果有任何结果，它会自动导航到页面。 如何在使用后重置Linking.getInitialURL()？仅在android上发生
浏览 20提问于2021-07-11得票数 0
1回答
我希望用户对当前搜索进行书签或复制/粘贴，以便他们能够使用相同的参数进行搜索。
我用GET参数来搜索参数
我正在推动导航历史中的url
问题是：
假设用户使用param1进行搜索，然后使用param2进行搜索。当他按回按钮时，他不会看到param1的结果。
这是因为我们通过ajax发送GET请求，并在不刷新页面的情况下使用javascript更新ui。
如果你想显示正确的先前搜索结果，我想
我可以将搜索结果本身保存在堆栈中(我想这太昂贵了。)
或者，我可以将搜索参数保存在堆栈中，并在可能的情况下通过网络或脱机重新执行搜索。
我想这种问题可能会发生在SPA的许多领
浏览 1提问于2017-03-11得票数 0
我制作了一个边栏，导航到'home‘和'search’页面。但是，我想要的是，我只需要在‘主页’页面上显示边栏，而不需要在‘搜索’页面上显示。我现在拥有的是：
App.js
import React from "react";
import "./App.css";
import SideBar from "./components/SideBar";
import Home from "./screens/Home";
import Search from "./screens/Search";
浏览 8提问于2021-04-11得票数 4
回答已采纳
我正在尝试创建一个导航栏与react-router在流星。
当键入浏览器时，页面似乎可以很好地导航。但是，在使用文档中给出的<Link>时，会显示主页，但会隐藏<Link>。
如何显示给定页面的导航栏链接？
import React from 'react';
import {Router, Route, IndexRoute, Link, browserHistory} from 'react-router';
/**
* The React Router client side routing definitions.
* @n
浏览 1提问于2018-04-05得票数 1
嗨，伙计们，有人能帮我吗?我试图在用户输入搜索表单后从搜索表单导航到这个productResults页面。我可以导航到这个页面，但是我不知道为什么这个组件不能工作，到达这个page.Any帮助后显示任何结果是appreciated.Basically。我试图导航到ProductResults组件，当用户在searchform组件中输入一些东西时，它实际上会显示结果。我不确定我出了什么问题。 SearchForm.js
import React,{ useState} from "react";
import { Form, FormControl, Button} fro
浏览 5提问于2020-05-03得票数 0
1回答
UseEffect一次又一次地调用我的api。但是，如果保持不变，用一个简单的console.log替换axios调用，那么UseEffect只完成一次。我只包括导航栏上的一个链接，因为这是创建问题所需的全部内容。
这是我的路由器：
import { BrowserRouter as Router, Switch, Route, Link } from "react-router-dom";
import { Navbar, Nav} from 'react-bootstrap';
import Home from './Home.js';
im
浏览 1提问于2021-07-01得票数 1
回答已采纳
成功登录后，如何查看/访问受保护路由中提到的Dashboard, CreatedLink组件。请有人告诉我如何检查loginEmail在localStorage中可用，然后显示上面的组件，然后显示登录。我是否需要另一个导航组件来实现这一点？
App.js
import { BrowserRouter as Router, Switch, Route, Link } from 'react-router-dom';
import Dashboard from "./components/dashboard";
import CreateLink from "
浏览 3提问于2021-05-22得票数 1
回答已采纳
1回答
当我在路由之间来回导航时，React路由器重新呈现回传路由，导致useEffect(() => [])重新运行，数据重取。我想要防止这种情况，而是保持现有的路线，但隐藏在这片土地上。不过，我还是很纠结于“怎么做”。
以下是问题的示例代码：
import React, { useEffect } from "react";
import { BrowserRouter as Router, Route, Routes, useNavigate } from "react-router-dom";
export default function App()
浏览 5提问于2022-09-07得票数 1
回答已采纳
2回答
如何在导航中添加目标值=‘_blank’？
import { useNavigate } from 'react-router-dom';
const navigate = useNavigate();
navigate(`/record`, {
state: {
eventId: event.id,
}
});
浏览 11提问于2022-09-02得票数 1
回答已采纳
2回答
我目前正在尝试完成从组件到组件的路由，并传递数据，以便新打开的组件可以使用它。经过几个小时的研究，我偶然发现了一些在我的案例中行不通的解决方案。
在我的应用程序中，我有两页:主页和搜索。应用程序由几个不同的组件层组成，例如: App.js -> imports Home.js -> imports Body.js。App.js通过使用React路由器来定义路由。主页的正文包含一个搜索栏。执行搜索时，应用程序将获取数据，并需要将这些数据传递给将显示数据的搜索页。请参阅以下文件：
App.js
import React from "react";
import {
浏览 6提问于2022-05-25得票数 1
回答已采纳
1回答
我有一个React应用程序，它使用Redux管理状态，使用React Router在不同的页面中导航。
我有一个页面/组件‘搜索鸡尾酒名称’，您可以在鸡尾酒API中搜索鸡尾酒名称。。所以你搜索，比如说'Margarita‘，你会在同一页上看到结果。
现在，如果你转到我的网站上的另一个页面，然后返回到“按鸡尾酒名称搜索”页面，你将不会再看到以前“玛格丽塔”搜索的结果。
当我返回到“按鸡尾酒名称搜索”页面/组件时，我仍然希望看到以前“Margarita”搜索的结果。
我不知道该怎么做。
我是否应该将“搜索输入”(目前，只是“按鸡尾酒名称搜索”组件中的一个状态)放在Redux切片中，然后在返
浏览 0提问于2021-05-13得票数 0
如何在react-router中确认导航到其他页面。我使用browserHistory.push()方法来更改路由和react-router版本3.0.5。如何在导航到其他页面之前要求用户确认。？
我尝试过使用onBeforeUnload方法，但它只适用于页面重新加载。如果我们使用react-router的browserHistory进行导航，则无法正常工作
浏览 3提问于2019-01-27得票数 0
我有一个搜索组件，其中搜索结果根据搜索输入进行更新，如果有从API返回的数据，则呈现为图书网格，如果没有数据，则显示一条消息，如果搜索输入为空，则不呈现任何内容。
我的问题是，当query状态更新时，searchResult状态确实会更新，但是当我如此快速地删除搜索输入时(将搜索输入设为空)，query会变成空字符串更新，但searchResult不会根据它进行更新。可能的问题是什么？
以下是搜索组件的代码：(注意:我尝试了componentDidUpdate()方法和setState()回调函数，但都不起作用)
import React, { Component } from "re
浏览 5提问于2021-05-12得票数 1
使用react 15.1.0和react-router 2.5.2，我希望重写以下JSX语法：
<Router routes={routes} history={hashHistory}>
<Redirect from="/" to="/users" />
<Route path="/" component={Navigation}>
<Route path="/users" component={UsersPage}/>
<Route path=
浏览 1提问于2016-07-19得票数 1
回答已采纳
在一个(单页)应用程序中，我们在使用router.transitionTo方法时观察到了一个奇怪的模式。
为额外冗长的上下文道歉，但不想错过一些相关的内容。
让我们假设我们有以下路由器初始化，这是从应用程序的单个“物理”页面调用的：
define([], function () {
var _Root = React.createClass({
render : function () {
return React.createElement(React.addons.CSSTransitionGroup, {/**/},
浏览 6提问于2015-08-27得票数 1
回答已采纳
1回答
添加到获取请求的相对路径
、、、、
我正在使用create-react-app和react-router-dom 4制作一个react应用程序。我的问题是，当我加载默认的"/“以外的URL时，相对路径将被添加到发出请求的前面。
例如，如果我在url搜索栏中输入mysite.com/templates，我的fetch请求fetch("templates/item.json")请求url：mysite.com/templates/templates/item.json，但是如果我从主页导航到/templates，使用react router中的Link组件，情况就不是这样。
是否有任何方法可以避免将相对路径添
浏览 0提问于2018-09-10得票数 2
回答已采纳
我有一套这样的路线：
{
path: '/things',
element: <MainLayout />,
children: [
{
path: 'search',
element: <MainSearch />,
},
{
path: 'search/:thingId',
element: <ThingLayout />,
浏览 8提问于2022-07-27得票数 2
回答已采纳
我正在使用react-router-native在我的应用程序的“页面”之间导航。这里的问题是，我想根据用户位置更改应用程序栏的可见性。因此，我需要一种方法来监视和检测路由，这样我就可以操纵它
浏览 16提问于2021-08-14得票数 0
2回答
我正在尝试构建一个React应用程序，这是我第一次使用react，所以我不知道如何解决这个问题。基本上我需要的是为链接创建路由，假设这些是以下链接。
/car
/car/sedan
/car/coupe
我已经这样设置了路由。
car.js
import React from 'react'
import { BrowserRouter as Router, Switch, Route, Link } from 'react-router-dom'
import CoupeCar from './coupecar'
import SedanCar
浏览 0提问于2018-05-25得票数 0
4回答
我有一个用TypeScript编写的React应用程序(16.8.6)，它使用Router (5.0.1)和MobX (5.9.4)。导航可以正常工作，当我单击浏览器的后退按钮时，它会加载数据，但是URL会改变，但是状态不会被更新，页面也不会被重新呈现。我读过关于这个问题和关于withRouter修复的没完没了的文章，我试过了，但这并没有什么区别。
一个典型的用例是导航到摘要页面，选择导致加载新数据和推送新历史状态的各种东西，然后返回几个步骤。大多数历史推送发生在摘要组件中，该组件处理多个路由。我已经注意到，当从摘要页返回到主页时，重呈现将按应有的方式进行。
我的index.tsx
impor
浏览 0提问于2019-07-08得票数 16
1回答
我正在开发一个带有firebase身份验证的react原生应用程序。但是当我成功登录时，导航显示出一些问题，例如，未定义不是一个对象(评估'this.props.navigation')。但用于导航的锥体在其他页面上也能正常工作。我试了很多方法，但都不管用，伙计们请帮帮我。 import React from "react";
import {
Text,
View,
Image,
TouchableOpacity,
AsyncStorage,
浏览 10提问于2019-02-07得票数 0
回答已采纳
关于如何在Router V6的函数式编程和钩子中导航的文档很多。例如：
import { useNavigate } from "react-router-dom";
let navigate = useNavigate();
navigate("/some/url");
但是，如果扩展React.Component，则没有任何文档说明如何导航。如何从React.component以编程方式进行导航？
浏览 3提问于2022-06-05得票数 0
我尝试使用反应-本机-路由器-流量在导航栏上的右按钮。
我的代码是
import React from 'React';
import { TouchableHighlight } from 'react-native';
import { Scene, Router, Actions } from 'react-native-router-flux';
...
const filterIcon = () => (
<TouchableHighlight onPress={()=>} style={{...}}>
<
浏览 1提问于2016-08-19得票数 1
回答已采纳
1回答
新的反应，并遇到困难，试图创建一个持久的导航跨越我的应用程序使用React -路由器。
使用create-react-app和"react-router": "^3.0.2"
我只想在页面的顶部有几个链接。我一直收到的错误是Uncaught Error: <Link>s rendered outside of a router context cannot navigate.
index.js:
import React from 'react';
import ReactDOM from 'react-dom';
i
浏览 4提问于2017-02-23得票数 0
回答已采纳
我目前对react路由器dom@6感到困扰，比如，如果用户登录，我想将他们重定向到其他页面。但是，当我使用导航组件时，它抛出了错误，并指出：
“导航不是组件。路由的所有组件子组件都必须是路由或React.Fragment”
虽然我已经将它包装在片段中，但结果仍然一样。请帮帮我，这是我的密码：
import {BrowserRouter as Router, Routes, Route, Navigate} from 'react-router-dom';
import Home from './pages/Home';
import ProductList fr
浏览 15提问于2021-12-15得票数 6
3回答
我有一个简单的反应页面与导航栏和一个单一的路线。
App.js：
import React from 'react';
import { BrowserRouter as Router, Route } from "react-router-dom";
import "bootstrap/dist/css/bootstrap.min.css";
import Navbar from "./components/navbar.component"
import CreateUser from "./components/c
浏览 6提问于2022-04-04得票数 -1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
