javascript - 有没有办法在 React 中使部分模板字符串变为粗体？

Question

我想在我的 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}粗体 b标签输出到 html -> <b>some value</b>。有没有办法让它在 React 应用程序中工作。它适用于常规的 html/javascript，但无法在 React 中运行。谢谢。

标签： javascriptreactjs

Answer 1

它不需要是一个字符串。您可以直接将 HTML 放在那里：

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