React.js中JSX中的条件呈现十进制代码

Question

我正在尝试渲染✕和✓，有条件地使用JSX，但这种方法不起作用。

<div>{exists ? &#10003; : &#10005;}</div>

实现这一目标的正确解决方案是什么？

Answer 1

您必须包装使用span和span的属性应为role="img"，否则React将显示警告。

<div>{true ? <span role="img">&#10003;</span> : <span role="img">&#10005;</span>}</div>

Answer 2

请参考以下代码：

{exists ? <div>&#10005;</div> : <div>&#10003;</div>}