React 条件格式三元答案

【问题标题】：React conditional formatting ternaryReact 条件格式三元
【发布时间】：2021-01-20 11:46:15
【问题描述】：

愚蠢的问题。我正在尝试根据作为道具的数组的长度有条件地渲染元素。

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

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

【问题讨论】：

标签： reactjs

【解决方案1】：

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

App.js

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

输出：False 和 True

【讨论】：

【解决方案2】：

完全被迷惑了。大于 0 的检查不起作用，但是大于或等于 1 起作用。不知道是不是我自己做的。无论如何，感谢您的所有帮助。

【讨论】：