React条件格式三元

Question

蠢问题。我试图有条件地渲染元素基于一个数组的长度，这是一个道具。

return (
<div>
{this.props.events.length > 0 ? <div>True</div> : <div>False</div>}
</div>
);

true渲染得很好，false则不然。请让我知道我做错了什么。

Answer 1

js

export default ({ events }) => {
return <div>{events.length > 0 ? <div>True</div> : <div>False</div>}</div>;
};

App.js

<Hello events={[]} />
<Hello events={[1]} />

输出:False和True

工作示例

Answer 2

非常困惑。大于0的检查不起作用，但是大于或等于1的检查起作用。不确定这是不是我自己做的。不管怎样，谢谢你的帮助。