Reactjs 如何在React中的字符串变量中执行字符串插值？

我有一个来自静态JSON文件的变量：

`const label = json.myString` 

其中json.myString是

“Hello，${name}”

。由于这是一个变量，我不知道它会是什么

我想在我的react组件中做一些字符串插值：

<div>{ label }</div>

{label}

---

我该怎么做？备份/默认选项的额外点数如果未定义

xyz

，，您应该为此使用模板引擎，例如

---

但是，您可以使用

eval

，但您不想使用它，因为它在您的情况下是不安全的（例如，如果有人对您的服务器执行MITM攻击，则可以执行某些注入）

var a=“kappa”
log（eval（“`Hello，${a}！`”）

您应该为此使用模板引擎，例如

---

但是，您可以使用

eval

，但您不想使用它，因为它在您的情况下是不安全的（例如，如果有人对您的服务器执行MITM攻击，则可以执行某些注入）

var a=“kappa”
log（eval（“`Hello，${a}！`”）

模板文本的目的是避免使用

“某个字符串”+“另一个字符串”

，在功能上也不多

在这种情况下，最好将

name

与

Hello

解耦。 那样的话，你可以打电话

Hello，${name}

如果您还想创建一个灵活的问候语，那么可以将该问候语添加为另一个字符串。例如。：

{ 
姓名：“约翰·多伊”，
问候语：“你好”
}

走吧，

---

${greeting}，${name}

模板文本的目的是避免使用

“某个字符串”+“另一个字符串”

，而不是在功能上使用太多

在这种情况下，最好将

name

与

Hello

解耦。 那样的话，你可以打电话

Hello，${name}

如果您还想创建一个灵活的问候语，那么可以将该问候语添加为另一个字符串。例如。：

{ 
姓名：“约翰·多伊”，
问候语：“你好”
}

走吧，

---

${greeting}，${name}

我正在使用react，所以我不想使用reactMustache@mergesort我已经更新了我的答案，并提供了另一种快速解决方法，使用eval可能需要通过purify功能。例如，使用domprify，用法可以是：

var content=eval（“`+domprify.sanitize（result）+“`”）

Mustache@mergesort我已经更新了我的答案，并提供了另一种快速解决方法，使用eval可能需要通过purify功能。例如，使用DOMPurify，用法可以是：

var content=eval（“`+DOMPurify.sanitize（result）+”`”）

您在这里面临的问题是什么？更新以使其更清晰您将这些变量与哪些相匹配。。。like

name

必须与上下文中的变量

name

匹配。这是从哪里来的？它被传递到组件。例如，它是用户在另一个文本字段中输入的内容。您在这里面临的问题是什么？更新以使其更清晰您在将这些变量与。。。like

name

必须与上下文中的变量

name

匹配。这是从哪里来的？它被传递到组件。例如，它是用户在另一个文本字段中输入的内容。