React, Props / 버튼 이벤트

Props

 

 

properties의 약자로

자식에서 자식으로 데이터를 보낼 수 없다.

즉, 자식끼리는 연결할 수 없다.

props는 부모 컴포넌트에서 자식 컴포넌트로 전달되는 데이터나 함수를 말한다.

 

형식

 

값 보내기

<Cat 변수명=값/>

 

[예시]

 

<Person name='홍길동' age='25' />

const Person = ({name, age}) => {

 

 

 

---

버튼이벤트

 

 

<h2>이벤트 : on + 첫글자는 대문자</h2>

<button onClick={test01메서드 호출}>클릭</button>

 

리엑트는 순수 자바스크립트가 아니다 => 베이스가 자바스크립트일 뿐이다

 

함수 뒤에 ()를 붙여서 호출하면 새로고침 하자마자 무조건 실행된다.

=> 해결하려면 함수로 한먼 묶어준다.

=> 값을 넘길때는 함수 ex) () => 함수(값)