[한국어,EN] React Type Check with prop-types

Reading time ~1 minute

1. React Type Check with prop-types

React Component 를 만들다가 type 을 체크해야 할 필요성을 느꼈다.(I felt that check the type of react component)

2. 예제(Example)

<WrappedComponent title="title" subheader="subheader" avatar={<Face />}>
  {"Hello World"}
</WrappedComponent>

커스텀 컴포넌트를 만드는데 avatar prop 에는 꼭 component 를 받아야하고 children props 에는 아무거나 받아도 상관없는 타입체크를 하고 싶다.
(To create a custom component, I need to get a component type in the avatar prop and to get anything in children prop)

3. 코드(Code)

import PropTypes from "prop-types";

WrappedComponent.propTypes = {
  children: PropTypes.node,
  avatar: PropTypes.element,
  title: PropTypes.string,
  subheader: PropTypes.string
};

4. 참고(Reference)

  • https://reactjs.org/docs/typechecking-with-proptypes.html
  • https://www.npmjs.com/package/prop-types

immer는 객체 비구조화 문법(Object Destructuring)을 사용하면 동작하지 않는다.

## [immer](https://github.com/immerjs/immer)는 객체 비구조화 문법(Object Destructuring)을 사용하면 동작하지 않는다.아래는 redux에서 reducer쪽 immutable state를 immer...… Continue reading

2019 카카오 FE(Front-end) Meetup

Published on September 16, 2019

2019 카카오 개발자 컨퍼런스

Published on September 11, 2019