useState

Web Programming/React.js

#React useEffect 사용법

이번 시간에는 useEffect를 사용해 보겠다 useEffect란? 최초 실행을 할때와 내가 원하는 시점에 실행되게끔 하는 함수이다 이렇게 말하면 모를 것 같으니 실습 바로 들어간다 1. Improt 하고. 함수 작성법 import './App.css'; import {useEffect, useState} from 'react' function App() { useEffect(() => { }); return ( ); } export default App; 일단 react에 있는 useEffect를 Import 해주고 그 밑에 다가 useEffect함수를 작성한다 2. 실습 재료 작성 useState에다가 숫자 아무거나 넣어서 하나 작성하고 useEffect에는 set함수를 통해 값을 넣어준다 그다음은..

Web Programming/React.js

#React useState 사용하기

이번엔 useState를 사용해 보겠다 useState라는 것은 react에 있어서 스무스하게 하도록 하는 저장 기능이라고 한다 그래서 앱처럼 움직이게 할려면 변수에 저장하는 게 아니라, useState에 넣어서 사용해야 하고, 자주 변경될만한 것을 대상으로 한다 일단 useState 라는 것을 import 시키고 나서, [] = userState( 값 ); 를 적는다 useState()를 쓰다면, 반환되는 값이 [값 1, 값 2]가 반환된다고 한다 값1 이 userState( 값 ) 이 되고, 값 2가 변경될 값이라고 한다 그다음은 바인딩을 변수와 똑같이 { } 를 사용하면 된다! 이렇게 하면 useState를 사용하는 방법이 되겠다 그리고 useState() 의 값은 어떤 값이 들어가도 된다 ex )..

INICO
'useState' 태그의 글 목록