본문 바로가기

ReactJS2

[React.js]초보자도 쉽게 따라하는 useForm 사용하기 안녕하세요. 이번에 useForm 사용하게 되면서 인터넷에 useForm 사용 검색하고 여기 저기 찾아봤는데 , 훌륭한 소스들이 많았습니다! 하지만 초보자들은 따라하기가 쉽지않을거같아요 useForm을 활용한 component를 활용해서 사용해야해서요 그래서 따로 component를 사용하지 않고 바로 useForm 활용할 수 있도록 참고할 수 있는 사이트를 찾았습니다 해당 사이트 참고해서 설명을 드릴게요 . import React from "react"; import { useForm } from "react-hook-form"; const testUseForm = () =>{ const { register, handleSubmit } = useForm(); const debugRegistData = .. 2022. 11. 30.
[React.js] 초보자도 쉽게 따라하는 checkbox defualt로 체크 하기 안녕하세요. 리엑트 하다가 checkbox 사용 예시는 많은데, 기존에 데이터를 미리 디폴트로 체크 해놓아햐 하는 경우가 발생 합니다. 일단 체크박스 생성을 합니다 그 다음 해당 input에 해당 value값을 넣어 줍니다 예를 들어, 우리는 기존의 List 배열과 , 체크된 리스트를 갖고있을 checkList 배열을 선언해 줍니다 const [list, setList] = usestate(['a','b','c','d']); const [checkedList, setCheckedList] = useState([]); 위 체크 박스를 반복문으로 돌려서 체크박스를 생성 해 줍니다 list.map((item) => { return( ) } ); 이렇게 생성해주면 value값은 어디에도 나타나지않고 hidden.. 2022. 11. 28.