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的问题
解锁 React17 高阶用法,轻松应对大型复杂长周期项目
了解课程