느려도 한걸음씩

이번 포스트에서는 useActionState를 통해 폼을 비동기적으로 작업하는 방법을 알아보겠습니다 import { createContext, useEffect, useState } from 'react';export const OpinionsContext = createContext({ opinions: null, addOpinion: (opinion) => {}, upvoteOpinion: (id) => {}, downvoteOpinion: (id) => {},});export function OpinionsContextProvider({ children }) { const [opinions, setOpinions] = useState(); useEffect(() => { async ..

Form을 초기화하는 방법을 알아보자export default function Signup() { function handleSubmit(e) { e.preventDefault(); const formData = new FormData(e.target); const inputs = Object.fromEntries(formData.entries()); const acquisitionChannel = formData.getAll("acquisition"); inputs.acquisition = acquisitionChannel; } return ( Welcome on board! We just need a little bit of data from ..

https://hjh0806.tistory.com/298 React로 Form다루기 (1) - Form 제출값 state로 다루기웹 사이트를 만들면 사용자가 제출한 Form을 다뤄야할 일이 자주 생기게된다 이번 주제에서 특히 React로 웹사이트를 제작시에 Form을 다루는 방법을 정리해보기로 했다 export default function Login() {hjh0806.tistory.com 저번 포스트에서 다뤘던 코드를 그대로 이용해 ref로 form 제출값을 다뤄보자 import { useRef } from "react";export default function Login() { const email = useRef(); const password = useRef(); function hand..

웹 사이트를 만들면 사용자가 제출한 Form을 다뤄야할 일이 자주 생기게된다 이번 주제에서 특히 React로 웹사이트를 제작시에 Form을 다루는 방법을 정리해보기로 했다 export default function Login() { return ( Login Email Password Reset Login );}기본적인 로그인 폼이다 폼을 만들때는 form 태그안에 lable과 input값을 넣어 만들게 되는데 이때 label 태그 사용시 html에서 사용했던 속성이 for 가아닌 리액트..