Reactjs “如何传递特殊字符”；（连字符）——“；内部模板文字

对于本地开发人员，如何在模板文本中传递特殊字符连字符（-）。这样

${hyphen inside}

例如：

---

所以，我如何以这样一种方式进行编辑，无论何时传递颜色。它是这样传递的：“-Green”

我很确定你说的是不可能的，但是你可以改变你发送的道具（假设你有{0}作为占位符：

`${this.props.color.replace('{0}', '-')}`

如果它是一个字符串。也许您有一个需要帮助的特定用例，请将其添加到您的问题中

另一个例子：

`${'-'.concat(this.props.color)}`

将导致（假设this.props.color为“绿色”）“-绿色”

如果您已经在props中存储了hype（任何变量），如：this.props.hyp=“-”，则使用：

<Component text = `${this.props.hyp}` />

否则，请简单地使用以下内容：

<Component text = `-`/>

---

您可以在模板文本花括号内执行常规JavaScript操作，例如：

`${'-'.concat(this.props.color)}`

${color？（'-'+color）：null}

---

你的例子是：

`${'-'.concat(this.props.color)}`

//如果颜色存在？返回“-color”：否则不存在

您可以像这样将字符传递到

${…}

之外

<Component text = `-${this.props.color}` />

---

不，我不希望这样。我在问，是否可以在模板文本中传递“-”，你能让它更简单一些，就像我的例子一样。我能以类似的方式添加连字符，

${（“-”）this.props.color}

No，这是普通的JavaScript：如果要基于某个条件应用某些内容，则需要检查该条件。我的示例转换为

condition？（如果条件为truthy，则执行此操作）：（否则，执行此操作）

是的，这是一种方法，但我只想在传递某些颜色时显示连字符。因为您在dollar之外定义了连字符，所以它每次都会呈现..那么有没有方法在${}本身内部传递连字符呢？@Hash，

${}

中的所有内容都已解析，因此您无法传递

${}的内部内容

但您可以有一个三元条件。我将添加它