분류 전체보기
-
useInput -> input을 업데이트하는 hooks const useInput = (initialValue) => { const [value, setValue] = useState(initialValue); }; 인자를 받아 상태의 초기값을 잡아준다. export default function App() { const name = useInput("Mr."); return ( Hello ); }; useInput 초기값으로 name("Mr.") 을 설정해준다. return { value}; useInput 에서 value 값을 리턴해준다. useInput에서 return해준 name값에 대입하여 가진 "Mr." 을 value에 기본값으로 부여 시켜준다. {...name}을 사용하여 name이 가지고..
(React Hooks) useState - useInputuseInput -> input을 업데이트하는 hooks const useInput = (initialValue) => { const [value, setValue] = useState(initialValue); }; 인자를 받아 상태의 초기값을 잡아준다. export default function App() { const name = useInput("Mr."); return ( Hello ); }; useInput 초기값으로 name("Mr.") 을 설정해준다. return { value}; useInput 에서 value 값을 리턴해준다. useInput에서 return해준 name값에 대입하여 가진 "Mr." 을 value에 기본값으로 부여 시켜준다. {...name}을 사용하여 name이 가지고..
2023.10.16 -
const [item, setItem] = useState(1); useState는 항상 2개의 value 값을 return 시킨다. const [item] = useState(1); const item = useState(1)[0]; item 만 사용하는 경우에는 리스트에 담아서 선언해 주거나 단일로 인덱싱하여 사용한다 return ( Hello {item} Start editing to see some magic happen! ); JavaScript 표현식으로 item의 값을 return 시켜준다 const App = () => { }; 화살표함수로 선언시 위와 같이 사용한다 const incrementItem = () => setItem(item + 1); const decrementItem = ..
(React Hooks) useStateconst [item, setItem] = useState(1); useState는 항상 2개의 value 값을 return 시킨다. const [item] = useState(1); const item = useState(1)[0]; item 만 사용하는 경우에는 리스트에 담아서 선언해 주거나 단일로 인덱싱하여 사용한다 return ( Hello {item} Start editing to see some magic happen! ); JavaScript 표현식으로 item의 값을 return 시켜준다 const App = () => { }; 화살표함수로 선언시 위와 같이 사용한다 const incrementItem = () => setItem(item + 1); const decrementItem = ..
2023.10.16