我想使用 Tailwind CSS 类将坐标值作为 props 传递给组件。每次鼠标悬停时，这些值都会改变，但这些类不起作用。
\n我的组件
\n import classNames from "classnames";\n interface TooltipProps {\n coordinate: { left: string; top: string; isFavorite: boolean };\n }\n \n const Tooltip: React.FC<TooltipProps> = ({ coordinate }: TooltipProps) => {\n return (\n <div\n id="tooltip"\n className={classNames(\n `fixed ml-[auto] z-[999] p-[10px] text-sm font-medium text-white bg-gray-900 rounded-[6px] shadow-tooltip dark:bg-gray-700`,\n coordinate.left,\n coordinate.top\n )}\n >\n {coordinate.isFavorite ? "\xd8\xad\xd8\xb0\xd9\x81" : "\xd8\xa7\xd9\x81\xd8\xb2\xd9\x88\xd8\xaf\xd9\x86"} \xd8\xa8\xd9\x87 \xd8\xb9\xd9\x84\xd8\xa7\xd9\x82\xd9\x87\xe2\x80\x8c\xd9\x85\xd9\x86\xd8\xaf\xdb\x8c\n <svg\n className="absolute bottom-[-10px] center "\n width="16"\n height="10"\n viewBox="0 0 16 10"\n fill="none"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path d="M8 …