useeffect 대신 일반 변수

[홍승진]

선생님 [state 변경함수 사용할 때 주의점 : async] 보고 있는데요.
마지막에 state로 만들지 않고 일반 var 변수로 만드는 것도 쉽게 해결할 수 있을듯요? 라고 하셨잖아요?
그런데 "안녕하십니까 전 {나이}"를 바꾸려면 html이 재랜더링이 되야되니까 무조건 
state가 있어야되는 것 아닌가요? 일반 변수로만 어떻게 가능한지 모르겠습니다ㅜ

만약 count는 일반변수 age는 state로 해서 age에 count를 넣는다쳐도
일반변수인 count는 재랜더링 될때마다 초기화되니까 원하는대로 안되는 것 같습니다.
빡대가리라서 알려주시면 감사하겠씁니다..

function App() {
  var count = 0;
  return (
      <div>
         <div>안녕하십니까 전 {count}</div>
         <button
            onClick={() => {
                count = count + 1;
                console.log(count);
            }}
         >
 누르면한살먹기
          </button>
      </div>
    );
}

[codingapple]

함수바깥에 만들면 됩니다

[홍승진]

var count = 0;
    function App4() {
    let [age, setAge] = useState(20);
      return (
            <div>
                 <div>안녕하십니까 전 {count}</div>
                <button
                    onClick={() => {
                        count = count + 1;
                        if ( count < 3 ) {
                               setAge(age+1)
                        }
                     }}
                 >누르면한살먹기</button>         
           </div>
          );
}

이게 맞나요? state 하나는 무조건 있어야되는 게 맞죠?

[codingapple]

그럼될듯요
state는 html 재렌더링이 필요하면 쓰면 됩니다

[글쓴이]

글