我是个新手。我正在学习react-router。我想要做的是让两个组件像这样相互链接: 这是App.js import React from 'react';
import About from './About';
import {BrowserRouter as Router, Switch, Route, Link} from 'react-router-dom';
class App extends React.Component {
render () {
return (
<Router>
// App.js
import React from 'react';
import Contact from './Contact';
import About from './About';
import Nav from './Nav';
import {BrowserRouter as Router, Switch, Route} from 'react-router-dom';
function Web() {
return (
<Router>
Hi以一种非常基本的方式实现了react-router。
App.js
import React from 'react';
import './App.css';
import { BrowserRouter as Router, Switch, Route, Link } from 'react-router-dom';
import About from './pages/About';
import Home from './pages/Home';
function App() {
return
React路由器没有渲染我的JSX。它不显示组件的内容。它呈现一个空白页面。 下面是我的根组件: import React, { Component } from 'react'
import Navbar from './components/Navbar'
import { BrowserRouter, Route } from 'react-router-dom'
import Home from './components/Home'
import About from './components/About
我正在尝试制作一个单一的web应用程序。基本上,我试图使用ReactRouter来显示作为路由参数传递的内容。然而,我无法做到这一点。为了检查是否出了什么问题,我决定console.log out this.props.match,但还是什么也没有出现。有人能解释一下是什么问题吗?还有可能绕道而行?
我的密码是-
import React from 'react';
export default class Post extends React.Component {
state = {
id: null
}
componentD
我试图使用react-router,出于某种原因,我有以下警告:
The href attribute requires a valid value to be accessible.
这是我的App.js组件:
import { BrowserRouter, Routes, Route } from 'react-router-dom';
import './App.css';
import Navbar from './components/Navbar';
import Home from './components/Home
我刚开始学习反应,所以我想知道是否有人能帮助我。我目前正在建立一个投资组合,通过反应,我正在为这个工作的Nav工作。我在控制台中没有收到任何错误,当我单击每个链接时,它会显示我在URL中单击的链接,但它不会显示来自每个链接的任何内容。有人能帮我解释一下我哪里出了问题吗?
App代码
import React from 'react';
import { BrowserRouter, Route, Link } from 'react-router-dom';
import Projects from './Projects.js';
impo
我试图将路由添加到我的简单应用程序中:
import Home from './componantes/Home'
import Contact from './componantes/Contact'
import Aboutus from './componantes/Aboutus'
import { Route, Link, BrowserRouter as Router} from 'react-router-dom'
const routing = (
<Router>
<div&
我正在尝试实现一个包含react中的路由器的简单程序。我对它使用了'react-router-dom‘。
下面是我的App.jsx的样子
import React from 'react';
import { BrowserRouter, Switch, Route } from 'react-router-dom';
import { Headerbar } from './HeaderBar.jsx';
import Home from './Home.jsx';
import About from './A
我是一个初学者前端开发,我试着做一个虚构的网站。我正在学习如何对路由器做出反应。所以,当我试图点击家庭/关于或联系按钮,它不会打开它。我做错了什么?
下面是我的代码:
我的应用程序代码:
import React from 'react';
import './App.css';
import Navibar from './Components/Navibar';
import {BrowserRouter as Router, Route, Switch} from 'react-router-dom';
import Hom