아래 예제 중 어느 것도 내 React 요소에 스타일을 적용하지 않기 때문에 매번 className 외부에서 스타일 속성을 사용하게 됩니다. 왜 이런 일이 발생하는지, 어떻게 해결할 수 있는지 설명해 주실 수 있나요?
문서(https://tailwindcss.com/docs/content-configuration#dynamic-class-names)를 읽었지만 사용 사례는 다음과 같습니다. 사용자가 색상 선택기에서 색상을 선택한 다음 기반으로 색상을 선택합니다. 선택한 색상 변경 배경에 "bg-[colorValue]" 값을 개별 색상별로 전달할 수 없으므로 나중에 "bg-["와 값을 연결해야 합니다. 왜냐하면 모든 색상을 전체 클래스 이름에 매핑할 수 없기 때문입니다.
으아아아
P粉3099896732023-07-19 10:57:55
템플릿 리터럴 문자열이 제대로 작동하면 문자열 연결에 대해 걱정할 필요가 없습니다.
으아아아위 링크에서도 연결에 대한 경고가 표시되었습니다. "Bug Finder: Unexpected string concatenation of literals.eslint"
상태를 통해 마지막 h1의 색상을 동적으로 제어하는 옵션도 추가했습니다.
으아아아