HOC(higher-order component)

2022. 6. 22. 08:04·Vue

컴포넌트의 코드를 재사용하기 위한 고급기술이다.

imoprt produce from 'immer';

// produce는 두 가지 파라미터를 받는다.
// 첫 번째 파라미터는 수정하고 싶은 상태이다.
// 두번째 파라미터는 상태를 어떻게 업데이트할지 정의하는 함수이다.

// 두번째 파라미터로 전달되는 함수 내부에서 원하는 값을 변경하면,
// produce 함수가 불변성 유지를 대신해 주면서 새로운상태를 생성해 준다.
const nextState = produce(originalState, draft => {
	draft.somewhere.deep.inside = 5;
})

 

'Vue' 카테고리의 다른 글

Lifecycle Hooks  (0) 2022.12.20
vue style guide  (0) 2022.09.07
다국어 처리하기 with vue-i18n  (0) 2022.08.23
Vue2에 jest적용하기  (0) 2022.05.30
Vue  (0) 2021.09.27
'Vue' 카테고리의 다른 글
  • vue style guide
  • 다국어 처리하기 with vue-i18n
  • Vue2에 jest적용하기
  • Vue
JoyYellow
JoyYellow
  • JoyYellow
    JoyYellow
    JoyYellow
  • 전체
    오늘
    어제
    • 분류 전체보기 (128)
      • Vue (7)
      • React (10)
      • 알고리즘 풀이 (29)
      • 타입스크립트 (2)
      • Microsoft (4)
      • TIL(Today I Learned) (16)
      • Devops (4)
      • CS(Computer Science) (2)
      • Spring (1)
      • Incomplete (0)
      • JS소스모듈 (10)
      • TDD (2)
      • 스프링부트 (0)
      • CSS (8)
      • Next.js (0)
  • 블로그 메뉴

    • 홈
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    노개북
    개발자북클럽
    노마드코더
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.1
JoyYellow
HOC(higher-order component)
상단으로

티스토리툴바