React Render Components on Switch函数

文章/答案/技术大牛

发布

2回答

reactjs

) => { this.setState(() => ({ adminSelect: v })); </div> }处理开关的页面目前看起来是这样的： switch

浏览 27提问于2017-07-01得票数 0

回答已采纳

2回答

React路由器渲染两个子组件，而不是只渲染一个

javascript、reactjs、react-router

我的代码看起来像这样(相关部分)： import React from "react";import Navbar from "./Components/Navbar";import {

浏览 19提问于2020-02-02得票数 0

回答已采纳

1回答

嵌套路由反应

reactjs、webpack、react-router、react-router-dom

Index.jsimport {render} from "react-dom";import {Home} from "./components/Home"; import {User} from

浏览 1提问于2017-09-07得票数 1

回答已采纳

1回答

我无法解决这个错误:检查‘App’的呈现方法

javascript、reactjs、react-router

以下是完整的错误消息： 6 | import { BrowserRouter as Router } from "react-router-dom";> 8 | ReactDOM.render/components/HeaderMenu' import MainPage fro

浏览 10提问于2020-07-03得票数 0

1回答

为什么我的组件不加载？

reactjs

这是index.jsimport { render } from 'react-dom';import StorePicker from './components/storepicker'; import { Switch, Route

浏览 0提问于2018-04-22得票数 0

回答已采纳

2回答

React路由器不呈现组件

reactjs、react-router、react-router-dom

App.js import React from "react";import Content from "./components/Routing

浏览 22提问于2020-09-17得票数 1

回答已采纳

1回答

使用React-Router尝试基于状态重定向用户时出现问题

javascript、reactjs、express、react-router

我的应用组件重定向了一个二手的，如果他们登录= true，我使用了一个在线的例子，在尝试了各种方法之后，如果有更简单的函数反应方式来做，请告诉我，如果用户已登录，我希望他们转到/createposthttps://codesandbox.io/s/focused-sammet-eitqr 我的应用组件 const App = () => { <Router>

浏览 17提问于2019-12-26得票数 1

回答已采纳

2回答

React路由器v4和CSS转换组

react-router-v4、reactcsstransitiongroup

import React from 'react';import { BrowserRouter as Router, Route, Link } from 'react-router-dom'; import&#x

浏览 22提问于2017-07-01得票数 0

2回答

为什么我在React js项目中遇到意外的令牌错误？

reactjs、react-router

/index.css';> 6 | import BrowserRouter as Switch from 'react-router-dom/components/Footers';import React from 'react'; import ReactDOM fro

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

4回答

React路由器未加载组件

reactjs、react-router

下面的例子 import React from "react";import App from "../components/App";document.addEventListener("DOMContentLoaded&qu

浏览 54提问于2021-11-08得票数 0

3回答

是否可以通过循环数组来动态生成react组件？

javascript、reactjs、ecmascript-6、jsx

所以大体是这样的(感谢这段代码不能工作，只是想展示我希望实现的目标)： let links = ['DashboardLink', 'CoursesLink', 'AssignmentsLink

浏览 2提问于2016-08-18得票数 5

回答已采纳

1回答

反应受保护的路由问题，而不在登录页面上重定向注销

javascript、reactjs、react-redux、react-router-v4、react-router-dom

我正在使用react protected route jwt authnetication构建react登录应用程序，我的登录组件工作正常，但当我转到仪表板并手动更新url时，它会在没有注销的情况下重定向我的登录页面if(isAuthenticated === null){ <Route {...rest} render

浏览 10提问于2020-02-10得票数 0

2回答

react路由器仅渲染第一个路由

reactjs、react-router

, Switch ,Route} from 'react-router-dom';import HomePage from './components/HomePage'; return (

浏览 33提问于2019-06-18得票数 2

回答已采纳

2回答

* history.props.push()获取"TypeError:无法读取未定义的属性‘push“，即使在withRouter()中包装组件时也是如此

javascript、node.js、reactjs

我在不同的组件中使用了相同的函数，它工作得很好。/Desktop/appFolder/client/src/components/AuthenticatedComponent.js:41 39 | render() {以下是非工作组件(AuthenticatedComponent.js)的代码 import React, { Component } from &#x

浏览 1提问于2020-07-22得票数 0

回答已采纳

1回答

TypeError: setauth不是一个函数

javascript、reactjs

每当我单击Homs.js文件上的注销按钮时，它都会给出以下错误：TypeError: setauth is not a functionimport React,{useState} from 'react'; import {BrowserRouter as Router, Route ,

浏览 1提问于2021-06-17得票数 0

回答已采纳

1回答

<Route>只能作为<Routes>元素的子元素使用，而不是直接呈现。请把你的<Route>包在<Routes>里

reactjs

import React, { Component } from "react";import NavBar from/components/navbar";import Posts from "./

浏览 4提问于2021-12-10得票数 0

1回答

Faced :当使用上下文API时，呈现不是一个函数

javascript、reactjs

我刚开始反应，ans正在学习上下文API，在使用过程中我遇到了这个错误-- TypeError: render不是一个函数。我还在平台上找到了这个答案，这个答案接近我的问题，但没有结果。/src/Components/Header/Header";import Tracks from "..&#x

浏览 1提问于2019-09-24得票数 1

回答已采纳

1回答

React路由器一直呈现错误的页面

reactjs、react-redux、react-router

在页面刷新时，React路由器会先路由到/login页面，然后路由到主页"/“。ReactDOM.render( <Router> <Route path="/login"<Route path="/" component={App} exact /> <

浏览 42提问于2018-09-16得票数 1

1回答

反应路由器:如何不使用链路进入直接路径

reactjs、routing

在不使用<Link>的情况下，如何重定向import { BrowserRouter , Route, Switch/components/Calc';import MechinaSetup from '.&#

浏览 0提问于2019-04-15得票数 2

1回答

每次按ReactJS中的键时，输入字段都会被取消选中。

node.js、reactjs

这是我的App.js文件：import { BrowserRouter, Route, Switch } from 'react-router-dom/components/NavigationBar/NavigationBar.js'; import Logo from './components/Logo/Logo.js

浏览 3提问于2020-04-13得票数 0

回答已采纳

点击加载更多