0
点赞
收藏
分享

微信扫一扫

react 按条件渲染内容

zhoulujun 2023-01-03 阅读 79


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;

 

举报

相关推荐

0 条评论