React.js 中 JSX 中的条件渲染十进制代码
Conditional rendering decimal codes in JSX in React.js
我正在尝试使用 JSX 有条件地渲染 ✕ 和 ✓，但这种方法不起作用。
<div>{exists ? ✓ : ✕}</div>
实现这一目标的正确解决方案是什么？
您必须使用 span 包装它并且 span 应该具有 role="img" 的属性，否则 React 将显示警告。
<div>{true ? <span role="img">✓</span> : <span role="img">✕</span>}</div>
请参考以下代码：
{exists ? <div>✕</div> : <div>✓</div>}
我正在尝试使用 JSX 有条件地渲染 ✕ 和 ✓，但这种方法不起作用。
<div>{exists ? ✓ : ✕}</div>
实现这一目标的正确解决方案是什么？
您必须使用 span 包装它并且 span 应该具有 role="img" 的属性，否则 React 将显示警告。
<div>{true ? <span role="img">✓</span> : <span role="img">✕</span>}</div>
请参考以下代码：
{exists ? <div>✕</div> : <div>✓</div>}