我是新的反应和尝试理解路由,特别是如何使用子目录中的URL路径。
这是我的App.js文件
import React from "react"
import {BrowserRouter as Router, Switch, Route } from "react-router-dom"
import Home from "./Home"
import About from "./About"
import Contact from "./Contact"
import NavBar from ".
我已经试着解决这个问题好几天了,但还是不能正常工作。为什么重定向在这里不起作用?我一直收到"TypeError:历史是未定义的“。同样,当按钮被点击时,它会停留在相同的url上。我做错了什么? import React from 'react';
import Nav from './Nav';
import About from './About';
import Service from './Service';
import Home from './Home';
import {
Brow
当我在导航栏组件上使用link时,它会改变url但不会改变组件,但在我重新加载时它会改变组件,当我把link放在主app.js中时,它会完美地路由
app.js
import './App.css';
import Navbar from './Navbar/Navbar'
import About from './About/About'
import { Route, Link, BrowserRouter as Router ,Switch} from 'react-router-dom'
function App() {
我使用react-router和服务器端渲染。但是我的服务器端不能和路由器一起工作。它会更改URL,但不会呈现服务器端代码组件:
import express from 'express';
import cors from "cors";
import { renderToString } from "react-dom/server";
import App from '../shared/App';
import React from 'react';
import { createStore } from
我尝试使用react路由器-v4设置服务器呈现。
我的routes.js文件:
var React = require('react');
import ReactDOM from 'react-dom';
import Appa from './components/app.js';
import Welcome from './components/welcome.js';
import { BrowserRouter as Router, Route,Redirect} from 'react-router-d
我目前有一个反应应用程序,我正在工作,路由是错误的。我已经设置了像这样的react应用程序和它们的路由,但是当尝试路由到"details“组件时,只有url更改,但是组件不加载。再多一双眼睛就好了,看看我错过了什么。我的路线是:
index.js:
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import { Router } from "react-router-dom&
我是React的新手,正在尝试使用react路由器功能。我在电视屏幕上显示指向某个URL的静态页面。
在我的Dev环境中,一切都运行得很好。当我输入正确的路径时,它会指向set组件。当将其加载到我的托管服务器上并在Live URL上测试时,指向所需路径的结果是404。
import React, { Component } from 'react';
import './style/App.css';
import Header from './js/components/header';
import Menu from './js/c
我正在尝试使用react路由器4进行服务器端呈现。
根据服务器上的示例,我们应该使用StaticRouter。当我按示例导入时,我认为StaticRouter是未定义的
import {StaticRouter} from 'react-router';
在网上做了一些调查之后,我发现我可以使用react-router-dom。现在我的import语句看起来是这样的。
import {StaticRouter} from 'react-router-dom';
但是,当我运行代码时,我将在浏览器中获取Invariant Violation: Browser hi
我尝试过django/react应用程序以及使用create- react -app命令创建的基础react应用程序。两者最终都以这样或那样的方式崩溃。例如,align-items标签什么也不做( the center、right、left)。在我的django/react应用程序上,我有一个在chrome上完美加载的标题,但我看到的只是边缘的背景色。
我想根据json数据文件生成一些路由,如下所示:
routes.jsx
import React from 'react';
import { Route, Router, IndexRoute } from 'react-router';
import ReactDOM from 'react-dom';
import App from './index.jsx';
import Test1 from './test1.jsx';
import Test2 from './test2.jsx';
我在我的webapp中同时使用了Express和React,因为我们正在将渲染从Handlebar迁移到React。然而,我们希望在Express中维护逻辑,并且只在React中呈现。问题是当我想做重定向的时候。这是包含以下逻辑的client.js:
import React from 'react';
import ReactDOM from 'react-dom';
import App from './components/App';
import { BrowserRouter } from "react-router-dom
我在服务器上上传了我的网站,我的网站运行良好。但我有个问题。
当我从路由B转到路由A时,也加载了B组件。但是当我复制我的B组件url时,我得到了404 Not Found page。
例如,当我复制/粘贴此url时:
我有一台404 Not Found page。
我的路线:
import React from 'react'
import { Provider } from 'react-redux'
import { Router, Route, IndexRoute } from 'react-router'
import configu
我正在尝试创建一个仪表板结构,通过单击按钮重定向到不同的组件。
我能够进行url更改,但如果没有硬重加载到该URL上,页面仍然无法加载。
我的代码如下:Navigate.JS
import React from 'react';
import {
BrowserRouter as Router,
Switch,
Route,
} from "react-router-dom";
import SalesDashBoard from "./salesDashBoard";
import OrderScreen from