如何在<select>标签中使用React Router？

文章/答案/技术大牛

发布

2回答

reactjs、react-router

在<select>标记中使用React Router v4 --更具体地说是<Link> --有没有可能或者说有其他选择。假设代码如下所示 <select id="categories" onChange={handleCategories} className{ this.state.temp.map((i, index) => &

浏览 14提问于2018-01-10得票数 1

1回答

reactjs:使用FormGroup的选择框，当选择一个选项时如何路由到其他页面

reactjs、react-router、react-bootstrap

我有一个选择框，假设我在'/home‘上，当选择框中的一个选项是select时，我希望页面指向'/home/test’。我试过react-router-bootstrap上的LinkContainer。但是它不能与option标签一起工作。 <FormGroup controlId="formControlsSelect&quo

浏览 3提问于2017-10-18得票数 0

2回答

如何在react.js中登录后重定向页面

node.js、reactjs、express

import React, { useState } from "react"; import '.

浏览 0提问于2020-11-16得票数 0

2回答

如何单击h1 header导航到组件？

reactjs、react-router-dom

import React from 'react';import AuthContext from '../..</li> <React.Fragmen

浏览 1提问于2021-01-16得票数 0

2回答

“不应在<Router>之外使用<Switch>”，尽管BrowserRouter可用

javascript、react-router

在尝试部署我的网站时，我遇到以下错误： Warning: Failed context type: The context `router` is marked as required in `SwitchLogonPage) in div (created by LogonPage) in Router但是，在我的示例中，SignIn呈现如下所示： return ( <div classNam

浏览 87提问于2019-04-01得票数 1

3回答

如何在react-router中创建锚点标签？

react-router、anchor、react-boilerplate

我在内部使用react-boilerplate (3.4.0)和react-router进行路由。我尝试使用<a href="#anchor-tag“>< /a >创建链接它只是滚动到页面的顶部，即使我使用的是Link组件而不是<A>标记我们必须关心使用<A>或< Link >吗？我们应该如何在reac

浏览 11提问于2017-01-19得票数 3

4回答

无法在<a>标记中添加状态属性

javascript、reactjs

我正在尝试动态地将id添加到标签中。这不管用。VS代码一直在说我必须添加...谢谢

浏览 7提问于2020-07-17得票数 0

3回答

扩展类型记录中的react* select接口属性*

javascript、reactjs、typescript、react-select

我为我的react定制了一个react select下拉组件，当我尝试使用React.HTMLAttributes<HTMLSelectElement \ HTMLInputElement>扩展接口时。我试图扩展不同的属性以获得默认值，如id、标签、名称、占位符等。如何在道具中获得默认属性？有没有人遇到过类似的问题？示例代码： import * as React from "react<

浏览 4提问于2021-02-24得票数 5

1回答

React路由器1.0 - 100%客户端路由-页面刷新导致404错误

react-router

我正在创建一个网站的客户端将使用严格的客户端反应路由脚本。import { Route } from 'react-router'; import { generateRoute } from '..如果我在浏览器的url输入(myexample.com/#扬声器)之前手动放置一个哈希标签，页面就会出现，但我当然不能期望用户这样做。如果我必须<em

浏览 1提问于2015-10-27得票数 3

回答已采纳

2回答

Ionic Tabs嵌套路线动画无作品

reactjs、ionic-framework、ionic-react

我知道问题在IonrouterOutlet和路由中，因为这些都是有组织的，但是我已经将我想到的组合做好了，并且使用了几种方法在路由中呈现组件，比如呈现、组件，以及儿童。在iphone上，PageRecipesList(/recipes)到PageRecipe(/recipe)的动画(没有标签)：和我想做的一样，但只有一个文件：const App: React.FC = () => ( <IonApp&g

浏览 1提问于2021-04-26得票数 1

2回答

管理React应用程序的多个页面

javascript、python、reactjs、flask

现在，我们正在为使用reactjs构建的应用程序构建一个UI组件。因此，我们构建了react包(bundle.js)，并将其呈现在flask应用程序的页面中。这样做效果很好。我们的问题是--下一个版本的react应用有多个屏幕。并且用户通常在流程中从一个屏幕转到下一个屏幕，并且有时可能想要直接访问特定屏幕。我的问题是-我们如何管理这些多个页面，而不会损失性能或在更改屏幕时重新加载react组件？对我们来说，flask继续管理主URL是很重要的。此外，我不介意react屏

浏览 0提问于2016-05-19得票数 0

1回答

使用ReactDOM时未定义ReactDOM

javascript、reactjs

我试图使react路由器v1.0工作，但是当我为服务器端呈现编写一个路由器时，我在browser：React is undefined中得到了这个错误'use strict';import { Router, Route, match, RoutingContext } from 'react-router'; import routes from '.当我查看转置代码(使用ba

浏览 3提问于2015-11-24得票数 0

回答已采纳

1回答

如何避免使用react在/ pages中执行主脚本？

javascript、html、css、reactjs、react-router

我在我的网站上使用react。但我面临一些问题每个其他文件的命名可以完全不同，但它做的是相同的。

浏览 2提问于2017-12-22得票数 0

1回答

如何在用户登录后重新呈现APP.js

reactjs、authentication、react-router

以下是代码： userDetails = getUserDetails(); return ( { userDetails !( ) : ( ) } </Router&

浏览 6提问于2022-01-25得票数 0

3回答

如何在每两个v-for生成的标签之间插入一个新标签？

javascript、html、css、vue.js

有没有办法在每两个v-for生成的标签之间插入新的标签？比如Array.join()。'react', 'JQuery']"></router-link>vue reactJQuery 我不知道如何在它们之间直接插入<span>,</s

浏览 3提问于2018-12-30得票数 2

1回答

如何在下拉菜单(选项标签)中显示图标，而不是获取[对象]？

reactjs、icons、html-select

我试图在我的代码中这样做，让下拉菜单上有这些图标。<select name="orientation"> <option value="all"><img src="https://img.icons8.com/material-outlined/value="square"><img src="https://img.icons8.com/material-rou

浏览 8提问于2021-12-26得票数 0

3回答

react router.min.js:1未定义的TypeError:无法读取未定义属性的“位置”

reactjs、react-router

-- Included Script --> <scriptsrc="https://unpkg.com/react-dom@15/dist/react-dom.min.js"><&#x

浏览 3提问于2017-07-26得票数 0

回答已采纳

2回答

React基于路由的代码拆分导入意外令牌错误

reactjs、react-router

import React, {Suspense, lazy } from 'react';const HomePage = lazy(() => import('../../layouts/Home/Home')); const Routes = ()

浏览 11提问于2019-10-24得票数 0

6回答

库中的React路由器问题-在<Router>之外使用元素

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

我正在创建一个包含react-router-dom依赖项的库。我在一些组件中使用了react-router-dom NavLink，例如，让我们将其命名为Header - Header.tsx export const Header = () => ( <NavLink to="/home">Home</NavLink>); 请记住，这只是一个示例，目的是理解

浏览 145提问于2021-09-06得票数 7

1回答

当在外部包中使用路由或链路时，Route路由器不变失败

reactjs、react-router

我有一个组件库包，在这里我拥有一些组件，我想将这些组件呈现到另一个团队拥有的应用程序中。当尝试从应用程序本身的任何文件中使用Link或Route时，它工作得很好。似乎我不能从它的外部导入路由器的东西并使用它。; <Link to="/about">Aboutin the actual

浏览 2提问于2020-11-22得票数 3

回答已采纳

点击加载更多