react按钮onClick重定向页面

  • Z时代
  • 2024-01-10
  • 分类：问答

我正在使用React和bootstrap开发Web应用程序。当应用按钮onClick时，我很难让我的页面重定向到另一个页面。如果在href之后，我无法进入另一个页面。

所以，请您告诉我是否有必要使用React-navigation或其他通过Button onClick来导航页面？

import React, { Component } from 'react';
import { Button, Card, CardBody, CardGroup, Col, Container, Input, InputGroup, InputGroupAddon, InputGroupText, Row, NavLink  } from 'reactstrap';
class LoginLayout extends Component {
  render() {
    return (
 <div className="app flex-row align-items-center">
        <Container>
     ...
                    <Row>
                      <Col xs="6">                      
                        <Button color="primary" className="px-4">
                            Login
                         </Button>
                      </Col>
                      <Col xs="6" className="text-right">
                        <Button color="link" className="px-0">Forgot password?</Button>
                      </Col>
                    </Row>
               ...
        </Container>
      </div>
    );
  }
}

回答：

React Router v5.1.2：

import { useHistory } from 'react-router-dom';
const App = () => {
   const history = useHistory()
   <i className="icon list arrow left"
      onClick={() => {
        history.goBack()
   }}></i>
}

以上是 react按钮onClick重定向页面 的全部内容， 来源链接： utcz.com/qa/431588.html

回到顶部