/*,这是我的投资组合,我想在短视频后重定向到主页*/
//根据需要导入包
import './App.css';
import React from 'react';
import Vid from './assets/codingmonkeyvid.mp4'
import {BrowserRouter, Routes, Route} from 'react-router-dom'
import Secondary from './Sec
我在React应用程序中有一个ajax登录。它处理LoginForm组件。应用程序在ajax登录后也使用,我想做一些类似于重定向到另一个React页面的操作。我不知道如何正确地重定向从登录页面到主页成功登录后。有人能帮帮我吗?我正在使用课堂风格来制作组件。
这是来自LoginForm组件的代码:
sendData(e)
{
e.preventDefault();
this.setState({'errors': [], 'success': []});
let formData = new For
我有一个应用程序,一个导航栏和一个内容类,我试图传递一个道具从导航栏到内容,将呈现时,我重定向到内容页面。
App.js
import React, { Component } from 'react';
import { BrowserRouter as Router, Route } from 'react-router-dom';
import Navbar from './components/Home/Navbar';
import Content from './components/Home/Content';
e
我想重定向到'./createadd.js‘点击(当函数运行时)。我怎么能做到呢?我尝试过使用history.push()并对路由器作出反应,但没有一种有效。
APP.JS:
import { render } from '@testing-library/react';
import React from 'react';
class App extends React.Component {
render(){
this.selladd = () => { //Function to redirect to another
我收到了Warning: Cannot update during an existing state transition (such as within render). Render methods should be a pure function of props and state.的错误。
似乎是因为这段代码
const LoginAuth = () => {
navigate(routes.INDEX);
return null;
};
删除navigate(routes.INDEX);将停止错误。
代码有什么问题?如果我使用另一种方法重定向一个authUser*
我正在构建一个使用React的网站,并且我试图在登录后将用户重定向到索引页面,但是我的组件没有呈现任何内容,尽管我被重定向了,并且我可以看到URL从/迎宾#/登录到/main。由于我没有收到任何错误信息,webpack正在被成功编译,我再也看不出出了什么问题。有什么可能是错误的想法吗?
非常感谢!
Start.js
import React from "react";
import ReactDOM from "react-dom";
import Welcome from "./welcome";
import { App } from
import React from 'react'
import { connect } from 'react-redux'
import { bindActionCreators } from 'redux'
import { setLocation } from 'redux/modules/filters'
import SearchForm from 'components/SearchForm/SearchForm'
type Props = {
};
export class HomeSearch
当用户登录时,我试图重定向用户。但到目前为止我发现的所有方法都行不通。etg试图使用useNavigate功能,使用function路由器v6。
但出于某种原因,我得到了以下错误:
Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
1. You might have mismatching versions of React and the render
我的react-router-dom版本是4.3.1,下面是我的代码:
import React from 'react';
import { BrowserRouter, Route, Switch, Redirect } from 'react-router-dom';
import Layout from '../../pages/Layout';
import Home from '../../pages/Home';
import BoatsManager from '../../pages/BoatsMa