react 按条件渲染内容

//按条件渲染内容 && 数组大于0时，渲染

import React from 'react'

//判断数组length大于0时，渲染未读消息
//0条时不渲染未读消息

function Choice() {
    const messages = ['React', 'Re: React', 'Re:Re: React'];
    return (
      <div>
        <h1>Hello!</h1>
        {messages.length > 0 &&
          <h2>
            您有 {messages.length} 条未读信息。
          </h2>
        }
      </div>
    );
  }
   

export default Choice;