e:I[50313,["1345","static/chunks/1345-9cce9003361149c3.js","1252","static/chunks/1252-ebd18985bba615a5.js","6457","static/chunks/app/post/%5Bid%5D/page-f10e08b3d78367ee.js"],"default"] f:T6ce,$$config title: [ReactJS] Props(인자)로 Function 전달 keywords: - ReactJS - Props_Function - ... $$ # 생성한 컴포넌트(자식 컴포넌트)에서 Props를 사용할 때 줄 수 있는 것들 - String (문자열) - True/False (참/거짓) - function (함수) - etc... # Props로 함수를 넘기는 방법 : 다른 props를 넘기는 것과 똑같이 매개변수로 props의 함수 변수 이름을 적기 >예시 ```js return (

); ``` 예를 들어서 이렇게 Btn 컴포넌트에 prop으로 onClick을 전달하고, 그 함수는 changeValue라 할 때, ```js function Btn({text, onClick}){ console.log(text, "was rendered"); return ( ); } ``` text 라는 String 매개변수를 주는 것과 똑같이 onClick을 주면 된다. 여기서, 주의할 점은 인자(props)로 받은 onClick은 event Listner가 아니라 Props로 준 function임. 이름이 같을 뿐임!! 즉, return문에 onClick이 자동으로 들어가는 것이 아니라 직접 작성해야함. `onClick={onClick}`은 자동으로 props인 onClick을 가져온 것이 아니라, button태그의 속성인 onClick의 작동 함수로 props인 onClick (변수 이름임)를 쓰겠다고 직! 접! 작성한 것임. ?html 요소인 button (위 예시에서는 `

게시글 상세