function ToggleButtonRemastered({ isEnabled, children }) {
return (
<button
className={clsx(
isEnabled && "scale-110",
"transition-transform duration-200 w-max text-xl"
)}
>
{children}
</button>
)
}
和
function ToggleButtonClassicEdition({ isEnabled, children }) {
return (
<button
data-enabled={isEnabled}
className="data-[enabled=truel:scale-110 transition-transform duration-200 w-max text-xl"
>
{children}
</button>
)
}
 |
1
liuw666 2 小时 35 分钟前 via iPhone
简单易懂，降低项目复杂度
|
 |
2
FrankFang128 2 小时 25 分钟前
用 tailwind 就行了，别折腾
|
 |
3
ltaoo1o 2 小时 22 分钟前
建议第一种，我之前也是第二种写法，后面要在小程序实现相同的页面，代码改动比较多。
|
 |
4
donaldturinglee 2 小时 15 分钟前
做项目用 clsx 或 classnames 这种样式拼接方便维护, 自己项目的话, 你喜欢哪种用哪种
|
 |
5
sjhhjx0122 2 小时 14 分钟前
第一种，简单直观是最好的
|
 |
6
angrylid 2 小时 13 分钟前
第一种好吧，而且 className 类似的库不是应该可以这样写吗
clsx( "transition-transform duration-200 w-max text-xl", { "scale-110": isEnabled } , ) |
 |
7
importmeta 2 小时 10 分钟前
antd 和 mui 都是 clsx 这种形式
|
 |
8
houshuu 1 小时 43 分钟前
站第一种
|
Select Language