小编Ram*_*uis的帖子

使用 React 在 Tailwind 上使用任意值时出现问题

我正在尝试制作一个反应组件来更改参数的宽度,但它不起作用,我不知道为什么。

function Bar() {
    
    const p =80

    const style = `bg-slate-500 h-8 w-[${p.toFixed(1)}%]`

    console.log(style)

    return (
        <div className=' h-8 w-full'>
            <div className={`bg-slate-500 h-8 w-[${p}%]`}>
            </div>
        </div>
    )
}
export default Bar
Run Code Online (Sandbox Code Playgroud)

通过这段代码,我得到了一个全尺寸的条,但如果我使用 80.0 的严格字符串,它就可以正常工作

javascript reactjs tailwind-css

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

标签 统计

javascript ×1

reactjs ×1

tailwind-css ×1