如何通过特殊字符“（连字符） - ”内部模板文字

Question

业余ReactNative开发人员，如何传递特殊字符连字符（ - ）模板文字内部。这样${hyphen inside} 对于说：

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

让我怎么编辑以这样的方式，只要颜色传递。它通过这种方式：“ - 绿色”

Answer 1

你可以做普通的JavaScript操作模板字面大括号内，例如：

${color ? ('-' + color) : null}。

---

你举的例子：

//     if color exists ? return "-color" : else nothing 
<Component text =`${this.props.color ? ("-" + this.props.color) : null}` /> 

Answer 2

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

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

的情况下，这是一个串。也许你有你需要帮助，将其添加到您的问题具体使用情况

又如：

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

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

Answer 3

如果已经存储在像道具宣传（任何变量）：this.props.hyp =“ - ”，则用途：

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

否则使用简单：

<Component text = `-`/> 

Answer 4

您可以通过角色的${...}外面像

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

看到一个演示片段

var data = "Green" 
 

 
console.log(`-${data}`);

如果你想通过文字，只有当this.props.color is可用，您可以使用ternary operator像

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