useState in react : 리엑트 상태 예제

React useState 예시

 

React 에서 useState 를 사용하는  예시

 

import React, {useState} from "react";

 

const MyButton = () => {

    

    const [currentCount, setCurrentCount] = 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>

    

  );

}