在ES5中使用React-路由器,我有以下代码
var React = require('react');
var Render = require('react-dom').render;
var Router = require('react-router').Router;
var Route = require('react-router').Route;
var hashHistory = Router.hashHistory;
var browserHistory = Router.browserHistory;
v
在导入react-router之前,它运行得很好。现在它成功构建了,但显示了一个空白页。这是我的代码:
App.js
//import ReactDOM from "react-dom/client";
import { BrowserRouter, Routes, Route } from "react-router-dom";
import 'bootstrap/dist/css/bootstrap.min.css';
import Pending from './Pages/Home';
import Home from
如何在每个页面的顶部都有一个Navbar来访问react-router useParams钩子呢?使用下面的代码,User将返回userId,但Nav将获得一个空对象。
看起来,组件(元素)需要在Route中呈现才能使用这个钩子,但是在v6中,所有的路由都是“精确的”,所以我看不到静态组件在每个路径上呈现的方法。
<BrowserRouter>
<Nav /> // How does this component show on every page and get access to route params?
<Routes>
<R
不能为我的生活得到一个简单的反应-路由器的工作!它显示第一页,但当我单击链接时,它只会将url更改为/home。它一直在播放“应用程序”。为什么主组件没有装载?
简单代码:
import React from 'react';
import { Link } from 'react-router'
import { render } from 'react-dom'
import { Router, Route } from 'react-router'
class App extends React.Component
在终端中运行npm run start时,我会收到以下错误。
尝试导入错误:“重定向”不是从“react router”导出的。
我重新安装了node_modules,react-router-dom,react-router。也重新启动终端和我的电脑,但问题仍然存在。
我的代码:
import React from 'react';
import { Switch, Redirect } from 'react-router-dom';
import { RouteWithLayout } from './components';
i
我和react-router v6一起工作。我想要创建一个基于id的新路径。在我的主页"example.com"上,我有一些文章。我想为每一篇文章"example.com/{id}"创建一个详细的视图。我的方法是这样的:
App.tsx
import {
BrowserRouter,
Routes,
Route,
} from "react-router-dom";
import ProjectWrapper from "./components/ProjectWrapper";
import Home from
有一个相当直截了当的反应问题,我试图做一些直接前进路线。主页,配置文件页,404页。但继续犯同样的错误。
我的组件似乎正在工作,因为我已经成功地实现了它们,但是当我试图实现路由时,我会得到以下错误。
错误:Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your comp
我使用Perl来收集跨越多个页面的项目列表,但是交互式页面通过在页面末尾的#符号后面插入值来列出信息
So http://.......#2
then http://.......#3
等。
但是,除了第一页之外,我无法得到html响应。即使打开浏览器和查看页面源,safari和firefox也只在页面源中显示结果的第一页,即使其他页面显示在屏幕上。
这个行为的一个例子可以在
我在导航到结帐页面时遇到了麻烦。每当我点击应用程序中的篮子图标时,我可以看到URL正在改变,但是页面没有变化,我总是必须刷新页面才能进行导航,我也不知道为什么。
这是我的App.js代码:
import React from "react";
import './App.css';
import Header from './Header';
import Home from "./Home";
import { BrowserRouter as Router, Switch, Route}
from "react-rou
我刚从电子开始,我一直很难把反应路由器和它结合起来。不管我做什么,我都会收到警告:
Warning: [react-router] Location "/" did not match any routes
路由器:
"use babel"
import React from 'react'
import { Router, hashHistory } from 'react-router'
/* ******************
IMPORTS
*********************/
import {ro
我在处理反应元件方面遇到了麻烦。我的问题已经通过堆叠溢出在几个问题中得到了答案,但我无法解决我与他们的问题,这就是为什么我再次发帖的问题。
我的app-client.js文件
var React = require("react");
var ReactDom = require("react-dom");
var Router = require("react-router");
var Route = Router.Route;
var DefaultRoute = require("react-router").Defaul
在我自己的代码中,我试图通过将react-router的useHistory添加到imports中来使用它:
import {BrowserRouter as Router, Link, Route, Switch, useHistory} from "react-router-dom";
然后用它在我的App()函数上定义一个变量:
let history = useHistory();
当我这样做的时候,我得到了错误:
TypeError: useContext(...) is undefined
来自react-router的hooks.js,具体行是:
return u