小编frr*_*tyy的帖子

如何使用 clsx 正确加入 tailwind css 类?

我正在尝试加入顺风类并使用clsx将它们应用到按钮。默认应用一个类\'rounded-none\',另一个类作为 prop 传入

\n
const Button = ({\n  children, ...props\n}): JSX.Element => {\n\n  return (\n    <ADButton\n      className={clsx(\'rounded-none\', props.className)}\n      {...props}\n    >\n      {children}\n    </ADButton>\n  );\n};\n
Run Code Online (Sandbox Code Playgroud)\n

假设我已经添加了padding-top: 0px;到按钮,如下所示

\n
<Button\n  color="primary"\n  className="pt-0"\n>\n  {t(\'btn.add\')}\n</Button>\n
Run Code Online (Sandbox Code Playgroud)\n

加入的类名应该是这样的\'rounded-none pt-0\'。如果没有传递 className 属性,则只需应用 \xe2\x80\x98rounded-none\xe2\x80\x99

\n

现在遇到的问题是 \xe2\x80\x98rounded-none\xe2\x80\x99 仅适用于没有 className 属性的按钮。在带有 className 属性的按钮上,仅应用 className 属性,但不应用 \xe2\x80\x98rounded-none\xe2\x80\x99。我怎样才能解决这个问题,以便两个类都加入并应用于按钮?

\n

reactjs next.js tailwind-css

10
推荐指数
2
解决办法
2万
查看次数

在添加字典条目之前,如何检查重复条目

鉴于我有以下字典存储密钥(entry_id),值(entry_body,entry_title)对.

"entries": {
    "1": {
            "body": "ooo",
            "title": "jack"
        },
    "2": {
            "body": "ooo",
            "title": "john"
        }
}
Run Code Online (Sandbox Code Playgroud)

如何检查我想要添加到词典的条目的标题是否已存在.例如:这是我想要添加的新条目.

{
    "body": "nnnn",
    "title": "jack"
}
Run Code Online (Sandbox Code Playgroud)

python

0
推荐指数
1
解决办法
81
查看次数

标签 统计

next.js ×1

python ×1

reactjs ×1

tailwind-css ×1