state

prop : 컴포넌트를 사용

state: 컴포넌트를 만드는 것

 

 

이런식으로 클릭했을 경우 mode값을 바꾸어서 출력되는 값을 바꾸고 싶은데 바뀌지않는다

클릭시에 다시 app이 다시 실행되면서 ui에 반영되려면? state를 써야한다

---

 

---

_mode로 적고 console에 찍으니까

 

---

• useState는 배열을 반환함

- 0번쨰 원소는 상태의 값을 읽을 때 쓰는 데이터

-1번째 데이터는 상태의 값을 변경할 때 사용하는 함수

 

*** _mode[0]으로 상태값을 mode에 저장

 

간결하게 쓸수있음 같은문법입

 

 

그렇다면 클릭 시 값을 변경할 떄는 setMode를 쓰면 된다

---

결론 : read부분 클릭하면  app컴포넌트가 다시 실행됨. useState가 mode값을 read로 설정.. //  welcome이면 welcome으로

 

 

 

---

자 그럼 클릭 했을 시 안에있는 문자내용도 유동적으로 바꿔보자

 

event.target.id값은 문자열로된다

 

만약 onChangeMode에서 t.id값을 넘기면 숫자라 상관이 없는데 

event.target.id로 넘긴다면 t.id값이 태그속성값으로 될 때 문자열로 된다고 한다

컨버트를 해서 숫자로 해줘야함