리렌더링

로그인 회원가입 Button 에서 submit 이 발생하면 Form 에서 onFinish 가 발생합니다. const onSubmitForm = useCallback(() => {}, []); onFinish 는 자동으로 e.preventDefault() 가 적용이 되어 있습니다. 그래서 따로 해주실 필요가 없습니다. const LoginForm = ({ setIsLoggedIn }) => { const [id, setId] = useState(''); const [password, setPassword] = useState(''); const onChangeId = useCallback((e) => { setId(e.target.value); }, []); const onChangePassword = u..

아직 백엔드 서버가 없기 때문에 로그인 폼을 만들고 더미데이터를 이용하여 로그인을 하겠습니다. import React, { useState } from 'react'; - ./components/AppLayout.js const AppLayout = ({ children }) => { const [isLoggedIn, setIsLoggedIn] = useState(false); 상태를 저장할수 있는 isLoggedIn 이라는 걸 만들어 줍니다. {isLoggedIn ? : } {children} Made By hajongyn Login 이 되어있을땐 프로필을 보여주고 로그인이 안되어있으면 로그인 폼을 보여줍니다. 그리고 UserProfile.js 와 LoginForm.js 파일을 AppLayout.js ..