-
카테고리
-
세부 분야
풀스택
-
해결 여부
해결됨
Unhandled Runtime Error 로그인이 왜 안될까요?
21.08.19 17:52 작성 조회수 107
0
import React, { useCallback, useState } from 'react';
import { Form, Input, Button } from 'antd';
import Link from 'next/link';
import styled from 'styled-components';
const ButtonWrapper = styled.div`
margin-top: 10px;
`;
// const ButtonStyle = styled(Button)`
// color: red;
// background-color: green;
// `;
const FormWrapper = styled(Form)`
padding: 10px;
`;
const LoginForm = ({ setIsLoggedIn }) => {
const [id, setId] = useState('');
const [password, setPassword] = useState('');
const onchangeId = useCallback((e) => {
setId(e.target.value);
}, []);
const onchangePassword = useCallback((e) => {
setPassword(e.target.value);
}, []);
// const style = useMemo(() => ({ marginTop: 10 }), []); // 스타일컴포넌트 쓰기 싫을떄
const onSubmitForm = useCallback(() => {
console.log(id, password);
console.log(setIsLoggedIn);
setIsLoggedIn(true);
}, [id, password]);
return (
<FormWrapper onFinish={onSubmitForm}>
<div>
<label htmlFor="user-id">아이디</label>
<br />
<Input name="user-id" value={id} onChange={onchangeId} required />
</div>
<div>
<label htmlFor="user-password">비밀번호</label>
<br />
<Input
name="user-password"
type="password"
value={password}
onChange={onchangePassword}
required
/>
</div>
<ButtonWrapper>
{/* style={style} */}
<Button type="primary" htmlType="submit" loading={false}>
로그인
</Button>
<Link href="/signup">
<a>
<Button>회원가입</Button>
</a>
</Link>
</ButtonWrapper>
</FormWrapper>
);
};
export default LoginForm;
답변을 작성해보세요.
0
조현영
지식공유자2021.08.19
에러 메시지에 해결법이 나와 있습니다.
UserProfile 소스 코드에 오타가 있습니다.
export default UserProfile; 하셨나요?
답변 1