IT News/React & nodejs

useState in react : 리엑트 상태 예제

Fshop 2021. 10. 4. 00:41
반응형

React useState 예시

 

React 에서 useState 를 사용하는  예시

 

import React, {useStatefrom "react";

 

const MyButton = () => {

    

    const [currentCountsetCurrentCount] = useState(0);

 

    const handleClick = () => {

        setCurrentCount(currentCount+1);

    }

 

    return (

        <div>

            <button onClick={handleClick}>+1</button>

            <div>{currentCount}</div>

        </div>

    )

 

}

 

export default MyButton;

 


위에서 선언한 MyButton을 사용할때의 예시

 

import MyButton from './component/MyButton';

 

function App() {

 

  let subject = 'My React';

 

  return (    

    <div className="App">

      

      {subject}

      

      <MyButton />

           

 

    </div>

    

  );

}

반응형

'IT News > React & nodejs' 카테고리의 다른 글

React 에서 useEffect 함수 사용방법  (0) 2021.10.10
검색창 예제 React : searchBar example in React  (0) 2021.10.07
props 예제 : React  (0) 2021.10.04