리액트 State

리액트로 어떤 ui요소를 컨트롤할때 1. ReactDom.render을 이용한 업데이트 <script type="text/babel"> const root = document.getElementById("root"); let counter = 0; function countUp() { //카운터 증가함수 counter++; render(); } function render() { //화면을 업데이트해주는 함수 ReactDOM.render(<Container />, root); } const Container = () => { return ( <div> <h3>Total clicks: {counter}</h3> <button onClick={countUp}>Click me</button> //버튼을 클릭할때마다 증가함수 </div> ); }; render(); </script> 2. React.useState() 를 사용하는 방법 <script type="text/babel"> con...

원문링크 : 리액트 State