Uncaught Error: Invalid hook call.

Question

UnAuthenticedApp.tsx:

import React, { useState } from ‘react’;
import Login from './login’
import Register from './register’
import { Card, Button } from 'antd’
import styled from ‘@emotion/styled’

export function UnAuthenticedApp() {
const [registered, setRegistered] = useState(false)
return (


{registered ? : }
<Button onClick={() => setRegistered(!registered)}>
切换到{registered ? ‘登录’ : ‘注册’}



)
}

const Container = styled.divdisplay: flex; flex-direction: column; align-items: center; min-height: 100vh;

看console.log报的错应该是@emotion/styled的问题

Answer 1

提问者 大艾尔 2021-03-25 15:49:32

结案了，竟然是 cnpm i @emotion/styled 的问题，改用 yarn add @emotion/styled 就没报错了