我正在使用 React 编写一个温度应用程序，并且我正在显示元素内的不同温度。
现在我正在尝试°F返回华氏度，但是我突然想到：这是JSX，而不是 HTML。果然，当你把它放到一个组件中时，它会返回一个错误，因为 DOM 正在尝试读取 JavaScript。
有什么好的解决方法吗？
在 React 和 JSX 中使用度数符号
IT技术
javascript
reactjs
2021-05-22 22:57:31
4个回答
您可以在 JSX 中的文字文本中使用 HTML 实体。
function App() {
return <h1>°F</h1>;
}
如果您需要在字符串中使用与实体对应的 unicode 编号，您可以使用它。
function App() {
return <h1>{'\u00b0'}</h1>;
}
文档的JSX Gotchas 部分列出了其他一些处理它的方法。
通常我只输入实际的符号。在你的情况下：ºF
您可以在 JSX 中使用 "" 符号并在其中编写特殊代码来呈现它。
前任：
return (<span>"°"F</span>);
我最近也在研究类似的功能。为我完成所有工作：
class Foo extends Component {
render() {
return (
<div>
<h1>°</h1>
<h1>°</h1>
<h1>°</h1>
<h1>°</h1> {/* for hex code, you can omit the leading zeros */}
<h1>{'\u00B0'}</h1>
</div>
);
}
}
度数符号unicode参考：https : //graphemica.com/%C2%B0