Reactjs 我在尝试实现JWT身份验证时收到此错误，错误：超出了最大更新深度

我收到这个错误

错误：超过最大更新深度。当组件在componentWillUpdate或componentDidUpdate内重复调用setState时，可能会发生这种情况。React限制嵌套更新的数量以防止无限循环

我试图将JWT与reduxtoolkit一起使用并做出反应，但当我输入正确的用户名和密码时，我收到了此错误

function Login() {
    const history=useHistory()
    const dispatch=useDispatch()
    const loginToken=useSelector(loginTokenSelector)
    const {register,handleSubmit,errors}=useForm()
    const onSubmit=data=>{
        dispatch(createLoginToken({
            username:data.username,
            password:data.password
        }))
        const isAuthenticated=localStorage.getItem('accessToken')
            ?true:false
        if(isAuthenticated) history.push('/')      
    }
    return (
        <Container>
            <form onSubmit={handleSubmit(onSubmit)}>

                <LoginContainer>        
                <InfoCard>
                    <TextHeader>Dawr Manager</TextHeader>
                    <TextHeader>The Complete Inventory Management</TextHeader>
                    <TextHeader>Point of Sale</TextHeader>
                    <TextHeader>Software</TextHeader>
                    <TextHeader>CLD Technologies</TextHeader>
                </InfoCard>                          
                <LoginCard>
                    {console.log('access token',loginToken.access)}
                    {loginToken.access==='rejected'&&loginToken.access!==''?'Incorrect UserName or Password':''}
                    {loginToken.access!=='rejected'&&loginToken.access!==''
                        ?localStorage.setItem('accessToken',loginToken.access):''}
                    {loginToken.access!=='rejected'&&loginToken.access!==''
                        ?localStorage.setItem('refreshToken',loginToken.refresh):''}
                    {loginToken.access!=='rejected'&&loginToken.access!==''?history.push('/'):''}

                    <h1>Login</h1>
                    <NameField
                        name='username'
                        placeholder='User Name'
                        label='User Name'
                        error={!!errors.username}
                        helperText={!!errors.username?'User Name is required':''}
                        inputRef={register({
                        required:true,
                        maxLength:100
                        })}  
                    />

                    <PasswordField
                        name='password'
                        type='password'
                        placeholder='password'
                        label='Password'
                        error={!!errors.password}
                        helperText={!!errors.password?'Password is required':''}
                        inputRef={register({
                        required:true,
                        maxLength:100
                        })} 
                        
                    />
                    <ButtonSection>
                        <Button
                            type='submit'
                            color='primary'
                            variant='contained'
                            
                        >
                            Login
                        </Button>
                        <Button
                            color='secondary'
                            variant='contained'
                        >
                            Clear
                        </Button>
                        </ButtonSection>
                    </LoginCard>
                </LoginContainer>
                
                </form>
                
        </Container>

函数登录（）{
const history=useHistory（）
const dispatch=usedpatch（）
常量loginToken=useSelector（loginTokenSelector）
常量{register，handleSubmit，errors}=useForm（）
const onSubmit=data=>{
调度（createLoginToken）({
用户名：data.username，
密码：data.password
}))
const isAuthenticated=localStorage.getItem（'accessToken'）
对：错
如果（未验证）历史记录。推送（“/”）
}
返回(
道尔经理
完整的库存管理
销售点
软件
CLD技术
{console.log（'access token'，loginToken.access）}
{loginToken.access==='rejected'&&loginToken.access！=''不正确的用户名或密码：'''}
{loginToken.access！=='rejected'&&loginToken.access！=='''
？localStorage.setItem（'accessToken'，loginToken.access）：''}
{loginToken.access！=='rejected'&&loginToken.access！=='''
？localStorage.setItem（'refreshToken'，loginToken.refresh）：''}
{loginToken.access！=='rejected'&&loginToken.access！=''历史记录.推送（'/'）：''}
登录
登录
清楚的

您正在渲染时调用提交函数。 将其包装在新函数中：

<form onSubmit={() => handleSubmit(onSubmit)}>

handleSubmit（onSubmit）}>