我试图使用嵌套路由与反应路由器,但它不对我工作。我还试图在主应用程序上添加嵌套路由器,但它不起作用。
App.js
import Message from './containers/Message'
import {connect} from 'react-redux'
import {addMessage, setMessages} from './store/actions/message'
import {
BrowserRouter as Router,
Route
} from "react-router-d
通过我对React路由器所做的研究,似乎每个在线的示例都会将Reactive路由器代码存储在App.js文件中。
如果您想要使用路由器进行侧栏、页眉或页脚中的链接呢?
具体来说,这就是我正在学习的实现React路由器的例子:
期望的结果:使用组件attribute链接到站点地图页面的路由。
App.js
import React from 'react';
import Header from './components/Header';
import Hero from './components/Hero';
import Main fro
你好,所有的Js脚本家庭,
目前,我正在从事电子+反应js项目的基础水平,我已经成功地创建了项目,但现在,我需要向前推进的路由过程。但我坚持了下来,犯了错误如下所示
> (node:12411) electron: Failed to load URL:
> file:///opt/lampp/htdocs/electron/employee-management/addemployee with
> error: ERR_FILE_NOT_FOUND (Use `electron --trace-warnings ...` to show
> where the wa
当我在我的项目中使用路由器时(只是一个空白的屏幕),我很难明白为什么什么都不会出现。我只是简单地安装了作为正常的反应路由器。我试过改变版本,但没有取得任何成功
这是app.js文件
import React from 'react';
import './App.css';
import navbar from './components/navbar';
import {BrowserRouter as Router, Routes, Route} from 'react-router-dom';
function App()
所以我第一次尝试了react,我跟踪了文档,在路由器上我被困住了,当我使用开关时,我说“导出‘开关’(导入为' Switch ')在‘react路由器- dom’中没有找到,所以简单地说,我的路由器没有工作,我想要一个使它工作的方法,而且它也是react的最新版本,因为我昨天刚刚完成了这个项目。
import logo from './logo.svg';
import './App.css';
import Navbar from './components/Navbar';
import Form from './co
我是一个非常初学者反应和Redux.我需要使用Match对象在我的application...but,我得到以下错误。
试图导入错误:“匹配”不是从“react路由器”导出的。
同样的错误也给出了当尝试‘反应-路由器-多姆’以及。
import React from 'react';
import logo from './logo.svg';
import './App.css';
import {Link} from 'react-router-dom'
import {Match} from 'react-route
react路由器不是在更新视图,而是更改url。
Navbar.js:
import React from "react";
import logo from "../Assets/imgs/Logo/WHITELOGOkatman 1.png";
import { BrowserRouter as Router, Switch, Route, Link } from "react-router-dom";
class Navbar extends React.Component {
render() {
return (
我在我的react应用程序中收到这个错误,因为我正在使用路由器内部的路由器。要使用<Link>,我必须使用Navbar.js中的第二个路由器。我在两个不同的文件中使用react路由器。如果我删除其中一个,它将抛出一个错误,指出<Link>未定义 这是我的代码: App.js import { useState } from 'react';
import './App.css';
import Alert from './components/Alert';
import About from './compon
我在父组件中有数组,需要在从api中读取一些JSON后动态更新。我正在使用react路由器,我可以将数组传递给子组件,并根据数组值添加一个css类,但我似乎不知道如何正确地更新我的数组并将panelone的数组值更改为off。
父组件:
import React, { Component } from 'react';
import { Route, NavLink, HashRouter } from "react-router-dom";
import Child from './components/Child';
class App e
我是新来的反应。我猜,而且我认为NavLink不再工作在反应路由器的最新版本。我可以问一下NavLink的替代品是什么吗?首先,谢谢你,我知道这是一个重复的问题,但这些解决方案对我都没有用,所以我试着贴出问题。
顺便说一句,当我试图运行react应用程序时,出现的错误就像这样。错误: useLocation()只能在路由器组件的上下文中使用。
import React from "react";
import { NavLink } from "react-router-dom";
export default function navbar() {
r
import React from "react";
import { Formik } from "formik";
import * as Yup from "yup";
import { Button } from 'react-bootstrap';
import { Prompt } from 'react-router';
const validationSchema = Yup.object({
name: Yup.string().required("Product Name is r
我遇到了反应路由器的问题。开关现在被路由所取代。但是,我在浏览器中得到了一个空白屏幕。没有错误,只有一个空白的屏幕。我将非常感谢你的解释。
App.js
import React from 'react';
import Navbar from './components/Navbar';
import {BrowserRouter as Router} from 'react-router-dom';
import { Routes ,Route } from 'react-router-dom';
import './
我正在ReactJS上创建一个登录页面,如果登录成功,我希望加载另一个页面。我也在使用Firebase和Firebase路由器)
这是我的“Login.js”的一部分:
import React, {useState} from 'react'
import Fire from "../firebase config/Firebase"
function Login(){
const Login_Submit = () => {
Fire.auth().signInWithEmailAndPassword(email, pas
我正在使用React路由器v4进行路由选择。我面临的问题是,反应路由器改变了位置,但无法呈现组件。我听说使用redux和react 块更新,但这里不使用redux。
Sidebar.js
import React, {Component} from 'react';
import {
BrowserRouter as Router,
Link
} from 'react-router-dom';
import $ from 'jquery';
import {withRouter} from 'react-router-