React没有与传递的参数交互，尽管它在下面的代码中给出了正确的静态值结果
<Voteresult res={4} color="blue" />
export const Votersult=(props(=>{return<div className＝｛bg-${props.color}-600 m-0 p-0 h-fullw-${props.res}/5｝>｛console.log(res is ${props.res}(｝｛console.log(color is ${props.color}(｝
备注
- it按预期打印控制台日志中的预期值
- 如果显示给定的静态值输出，例如4/5或bg-red-600
export const Voteresult = (props) => { return <div className={`bg-${props.color}-600 m-0 p-0 h-fullw-${props.res}/5`}>
试试这个，我认为你在使用类型文字时错过了backticks
export const Voteresult = (props) => {
return
<div className={bg-${props.color}-600 m-0 p-0 h-full
w-${props.res}/5}>
{console.log(res is ${props.res})}
{console.log(color is ${props.color})}
</div>
这是代码
从代码来看，您似乎正试图将一个顺风类分解为多个部分，使其成为动态
不幸的是，Tailwind要求将颜色硬编码到className道具中，因为它无法根据动态className值计算任意样式。
对于上面的内容，您可能需要定义一些预定义的主题样式，并使用这些枚举来管理组件的主题。