Reactjs 在模板文本中使用函数

我一直在想为什么下面的代码不起作用

const StyledComponent=styled.div`
${props=>props.value=='value'&&function（参数1）}；
`

但以下方法确实有效：

const StyledComponent=styled.div`
${props=>props.value=='value'？函数（参数1）：函数（参数2）}；
`

看起来这是因为第一个将它视为布尔值，它不起作用。但接下来呢：

const StyledComponent=styled.div`
${props=>props.value=='value'和&`color:red；`}；
`

请提供并澄清问题陈述。“以下代码无效”是什么意思？在你的例子中，

props.value=='value'

是真是假还不清楚。我无法重新创建第一个示例的非工作状态。你能用一个不起作用的实际函数和参数来扩展它吗？你想实现的是什么？错误信息是什么？