react 判断数组是否存在以此执行后面的方法

场景：判断数组是否有数据，以此来绝对要不要执行后面的语句

有一些 “falsy” 值，如数字 0，仍然会被 React 渲染。例如，以下代码并不会像你预期那样工作，因为当 props.messages 是空数组时，0 仍然会被渲染

<div> //错误
  {props.messages.length &&
    <MessageList messages={props.messages} />
  }
</div>

要解决这个问题，确保 && 之前的表达式总是布尔值

<div> //正确
  {props.messages.length > 0 &&
    <MessageList messages={props.messages} />
  }
</div>