[노마드/React로 영화 웹 서비스 만들기] Ch03 STATE | 1. setState part One

참고자료: 노마드 코더 ReactJS로 영화 웹 서비스 만들기 https://nomadcoders.co/react-for-beginners/lobby

1.  State 값을 설정해보자!

---

useState

---

render 함수를 만들지 말고 변경된 counter의 값이 업데이트되도록 해보자.

<script type="text/babel">
    const root = document.getElementById("root");
    function App() { 
        const [counter, modifier] = React.useState(0); //주어진 인자(인자 없으면 undefiend)와 함수 하나를 받는다.
        console.log(data);
        return(
            <div>
                <h3>Total clicks : {counter}</h3>
                <button>Click me!</button>
            </div>
        );
    }
    ReactDOM.render(<App />, root); 
</script>

 

👉🏻useState라는 함수는 주어진 인자와 함수 하나를 리스트로 반환한다. 주어진 인자가 없다면 undefined를 반환한다. 

• counter와 modifier에 useState가 반환하는 리스트의 각 요소를 할당해주었다.