[React] react-colorful 사용기(색상선택)

데이터를 주고 받으면서 색상선택이 필요로 하게되었다.

그렇다고 색상을 RGB 코드로 골라서 주고받기에는 사용자가 사용하기에 불편해보여서

색상선택 할 수 있는 걸 찾다가 react-colorful을 찾게 되었다.

 

뭔가 익숙한 색상선택 창이 보인다.

이걸 react에서 구현해볼꺼다.

 

우선 react-colorful를 사용하기 위해서는 설치를 해야한다.

$ npm install react-colorful

 

import 시켜준다.

라디오 버튼 전환할때 처럼 onChange를 이용한다.

하지만 react-colorful은 핸들러가 필요없다.

선언은 useState를 사용한다.

 

전체코드