相关疑难解决方法(0)

我正在研究一个示例reactjs应用程序(在学习过程中).我有一个列出用户列表的页面和一个添加新用户的添加按钮.

当我单击添加按钮时,我应该导航到用户表单以创建新用户.

单击用户表单中的"提交"按钮后,它应导航回第一页,其中应列出用户列表以及新用户.

如何在反应中的页面之间导航？

useHistory 给出此错误：

无法编译 ./src/pages/UserForm/_UserForm.js 尝试导入错误：“useHistory”未从“react-router-dom”导出。此错误发生在构建期间，无法消除。

react-router-dom 版本：

4.3.1

代码：

import React, { useState, Fragment } from 'react';
import FormUserDetails from './FormUserDetails';
import FormPersonalDetails from './FormPersonalDetails';
import Confirm from './Confirm';
import Success from './Success';
import Button from '@material-ui/core/Button';
import { Grid, makeStyles } from '@material-ui/core';
import { useHistory } from 'react-router-dom';


function UserForm() {
    const [step, setStep] = useState(1);
    const history = useHistory();


    const StepButtons = (props) => (
        <React.Fragment>
            <Grid item xs={4}>
                {props.value !== 'initial' ?
                    <Button variant="outlined" className={classes.button} onClick={(e) …