Javascript 有没有办法让模板字符串的一部分在React中加粗？

我想在我的React应用程序中将模板字符串的一部分加粗。以下是非常简化且仅与代码相关的部分：

function App() {

  const [input, setInput] = useState('')
  let {Error: error } = apiResponse

  if (error === 'Too many results.') {
    error = `Too many results for the search: <b>"${input}"</b>.`
  }

  return (
    <>           
     {error}
    </>
  )
}

export default App

函数应用程序（）{
常量[input，setInput]=useState（“”）
让{Error:Error}=apiResponse
如果（错误==“结果太多”。）{
error=`搜索结果过多：“${input}”`
}
返回(
{错误}
)
}
导出默认应用程序

---

我的问题是，不是将

${input}

bold

b

标记输出到html->

一些值

。有没有办法让它在React应用程序中工作。它在常规html/javascript中工作，但在React中无法工作。谢谢。

您可以使用

strong

标记而不是

b

标记

例如：

error = `Too many results for the search: <strong>"${input}"</strong>.`

error=`搜索结果太多：“${input}”`

根据代码的编写方式，您可能可以执行以下操作：

函数应用程序（）{
常量[input，setInput]=useState（“”）
让{Error:Error}=apiResponse
返回(
{
错误==“结果太多。”
？搜索结果过多：“{input}”。
：错误
}
)
}
导出默认应用程序

否则，请尝试react的

危险的LysetinerHTML

：

函数应用程序（）{
常量[input，setInput]=useState（“”）
让{Error:Error}=apiResponse
如果（错误==“结果太多”。）{
error=`搜索结果过多：“${input}”`
}
返回(
)
}
导出默认应用程序

---

请注意，如果输入包含任何html，它也会显示出来，因此如果您使用危险的html编码，您必须小心使用html编码

输入
它不需要是字符串。您可以直接将HTML放入其中：

error = <>Too many results for the search: <b>"{input}"</b>.</>;

error=搜索结果过多：“{input}”。；
否，相同的结果