daysi ui 사용

이번 포스팅은 필자가 협업때 사용한 tailwind css component 라이브러리를 사용하던 도중 생긴 문제와 그 해결방법에 대해 작성하려 한다.

daysi ui 사용시 check 옵션이 들어간 component 사용시 문제

이 문제는 필자 외에서 리엑트에서 daysi ui를 사용해본 사람들이라면 겪어보았을 문제일 것이라고 생각한다. 예를 들어 아래와 같이 리엑트에서 checked 속성이 들어간 daysi ui를 사용한다면
이상하게 작동되는 현상을 볼 수 있을것이다( 두번 클릭해야 원하는 별점까지 활성화 되는 현상 등 )

그럼 어떻게 해결해야할까?

우선 해결방법은 정말 간단하게 리엑트 환경에서는 checked 속성이 아니라 defaultChecked라는 옵션을 사용하면 된다.

결론

daysi ui에서 이렇게 사용하라고 했다가 사용했는데 이상하게 작동되는 checked 옵션을 defaultChecked 옵션으로 바꾸어 사용해보자