Tech Blog of Pinomaker
Published 2022. 8. 10. 11:12
[React] useInput Hook 사용하기 F.E/React

기존의 useState를 이용하는 것이 아닌 useInput이라는 함수를 만들어서 input 상태를 관리한다.

 

<javascript />
import { useState } from "react" const useInput = (init) => { const [item, setItem] = useState(init) onchange = (event) => { setItem(event.target.value) } return { item, onchange } } export default function Counter() { const name = useInput() return ( <div> <h1>Enter Your Name</h1> <input {...name}/> <h2>Name : {name.item}</h2> </div> ) }

'F.E > React' 카테고리의 다른 글

[React] useRef 사용하기.  (0) 2022.08.21
[React] INPUT 관리하기.  (0) 2022.08.21
[React] useState 사용하기.  (0) 2022.08.10
[React] Vite를 이용하여 React 프로젝트 만들기.  (0) 2022.08.09
[React] axios에 대해서 알아보자!  (0) 2022.05.18
profile

Tech Blog of Pinomaker

@pinomaker

포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!