728x90
함수자체를 얘한테 전달함
use레퍼런스는
커런트라는 속성이 생겨서 seq, id값을 만들어 낼수 있음
최초 값은 4
클릭될때마다 5,6,7... 이렇게 늘어나!
ref는 렌더링이 안되고
state변수를 함부러 +-하면 state변수는 렌더링이 되어
화면이 계속 바꾸기 때문에 서버가 멍충이가 될수 있움
>> PhoneMain
여기에서 매개변수로 받을 거임
onClickSave라는 함수를 Main에서 선언하고
onClickSave함수의 실제 사용은
Insert 컴포넌트에서 실행하는것
이러한 패턴을 facade 패턴이라고 한다.
보통 변수 만든곳에서 사용하지만 파사드 패턴은 선언과 사용하는곳이 분리되어있음
prop변수(매개변수)는 readon 변수가 됌.
읽을수만 있지 변경이 되지않는다.
메인에서 state라고 값을 선언해서
메인에서밖에 값을 변경할 수 밖에 없다.
state는 다시 렌더링 하기 때문에 선언하는 곳과 변경하는 곳이 같이 있어야한다!!
>> PhoneList
불러올게 많을 때 props라 해주고
아니면 이렇게 매개변수로 뽑아서 쓰면된다!!
728x90
'JavaScript > React' 카테고리의 다른 글
| [20.11.12 bucket-list] Life Cycle Method (0) | 2020.11.16 |
|---|---|
| [20.11.11 phone-book-v2, todo-list] 폰북(데이터 추출방법),todo-list 클래스형 매개변수 보내기!!, 매개변수 만들어서 거꾸로 가는 방법, word break (0) | 2020.11.11 |
| [20.11.10 phone-book-v2] 전개연산자, object, action (0) | 2020.11.10 |
| [20.11.09 phone-book-v2]useEffect함수, 애니메이션 미디어쿼리 웹접근성, CRUD 구현 (0) | 2020.11.09 |
| [20.11.02 hello-react, react-phone-book] React 기초 (0) | 2020.11.03 |