inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

처음 만난 리액트(React)

미니블러그 질문

399

정하

작성한 질문수 5

1

Button.pngButton(props) 에서

props로 받은 title이 버튼 목록에 표시하고

props로 받은 onClick은 <StyleButton>에 onClick에 넣어 주므로써

<질문> onClick이벤트를 상위 컴포넌트에서 받을수 있도록 해 주었다고 설명하셨는데~

PostListItem.png질문입니다? onClick={onClick} 이벤트를 상위 컴포넌트에서 받을수 있도록 해 주었다라고

위에서 설명 하셨는데, 이해가 잘 안되어서 질문합니다

PostList.pngonClickItem(post)도 같은 맥락인것 같은데 이해가 안됩니다

MainPage.png

HTML/CSS javascript react

답변 2

1

정하

답변 감사합니다.

 

0

Inje Lee (소플)

안녕하세요, 소플입니다.

해당 부분의 설명은 상위 컴포넌트에서 클릭 이벤트 핸들러를 선언하고,

이를 하위 컴포넌트에 props로 넘겨서 onClick 이벤트에 넣어주게 되면,

하위 컴포넌트에서 클릭 이벤트가 발생했을 때 실제로 호출되는 함수는 상위 컴포넌트의 클릭 이벤트 핸들러가 된다는 것입니다.

쉽게 말해서 함수를 props로 넘겨서 호출되도록 만드는 것이죠.

 

혹시 이 설명도 이해가 잘 안 된다면, 어떤 부분이 이해가 안되는지 조금 더 자세히 댓글 달아주시기 바랍니다!

감사합니다.

강의가 삭제되었다고 합니다

0

106

1

이거 왜 존재하지 않는다고 뜨는건가요

0

133

1

존재하지 않는 수업이라고 떠요

0

183

1

안드로이드 에뮬레이터 오류

0

100

1

교재 구입해서 강의 들으려고 하는데 커리큘럼이 없어졌어요.

0

125

1

prevIsConfiromed 질문

1

141

2

chapter14 잘이해가 되지않습니다..

1

135

2

2025년 3월 리액트버전

1

201

2

npm 설치 오류

1

175

1

chapter_07 콘솔로그 질문드려요~!

1

127

2

안녕하세요 미니블로그 실습 질문드립니다.

1

178

3

에러가 떠요

1

218

3

Chapter6 질문 드립니다

1

209

2

실습 코드 있을까요?

1

206

2

상태가 업데이트될때 컴포넌트 최상단의 console.log 코드가 두번 실행되는 이유가 궁금합니다.

1

233

2

npx create-react-app my-app 명령어 입력이 잘못된 것 같습니다

0

308

3

이름과 코멘트 줄바꿈이 안 됩니다.

0

140

1

버튼이 안 뜹니다

0

303

2

npx create-react-app my-app

1

470

2

jsx 코드 작성해보기에서 index.js 수정 후 에러 뜹니다.

1

376

3

Chapter_05 터미널, 리액트 에러

0

193

2

npx create-react-app my-app 명령어 반응없음

1

432

3

import 코드 에러

1

214

1

백틱

1

121

1