prgrms-web-devcourse/FEDC4-Modern-React-Study

[3장][효리] 리액트 훅 깊게 살펴보기 (2)

Closed this issue · 3 comments

퀴즈

https://react-ko.dev/learn/extracting-state-logic-into-a-reducer#challenges 문제를 풀어보세요!
useReducer를 익히는 데 좋은 문제라서 가져왔습니다.

ContactList.js, Chat.js의 TODO 주석 부분만 답에 적어주시면 됩니다.

정답

ContactList.js 주석 부분

dispatch({
  type: 'changed_selection',
  contactId: contact.id,
});

Chat.js 주석 부분

dispatch({
  type: 'edited_message',
  message: e.target.value,
});

사이트에 solution도 있습니다.

댓글 작성법

(다음과 같이 답을 작성해 댓글로 달아주세요)
<details>
<summary>정답</summary>
<div markdown="1">
정답 설명
</div>
</details>

정답
ContactList
dispatch({
  type: 'changed_selection',
  contactId: contact.id
})

Char
dispatch({
  type: 'edited_message',
  message: e.target.value,
})
정답
dispatch({ type:'changed_selection', contactId:contact.id })

dispatch({
type:'edited_message',
message
})

ContactList 정답
dispatch({type: 'changed_selection', contactId: contact.id})
Chat 정답
dispatch({type: 'edited_message', message: e.target.value})