• 关于 jsx 条件 的搜索结果

回答

在某些情况下,您希望根据某些状态渲染不同的组件。JSX不呈现false或undefined,因此只有在满足特定条件的情况下,才可以使用条件短路来呈现组件的给定部分。 const MyComponent = ({ name, address }) => ( <div> <h2>{name}</h2> {address && <p>{address}</p> } </div> ) 如果需要if-else条件,请使用三元运算符。 const MyComponent = ({ name, address }) => ( <div> <h2>{name}</h2> {address ? <p>{address}</p> : <p>{'Address is not available'}</p> } </div> )

你的答案 2020-05-07 17:50:59 0 浏览量 回答数 0

回答

您可以使用if语句或JS可用的三元表达式来有条件地渲染表达式。除了这些方法之外,还可以通过将所有表达式括在花括号中,然后再加上JS逻辑运算符,将任何表达式嵌入JSX中&&。 <h1>Hello!</h1> { messages.length > 0 && !isLogin? <h2> You have {messages.length} unread messages. </h2> : <h2> You don't have unread messages. </h2> }

你的答案 2020-05-07 16:25:13 0 浏览量 回答数 0

问题

【javascript学习全家桶】934道javascript热门问题,阿里百位技术专家答疑解惑

管理贝贝 2019-12-01 20:07:22 6202 浏览量 回答数 1

新用户福利专场,云服务器ECS低至102元/年

新用户专场,1核2G 102元/年起,2核4G 699.8元/年起
阿里云大学 云服务器ECS com域名 网站域名whois查询 开发者平台 小程序定制 小程序开发 国内短信套餐包 开发者技术与产品 云数据库 图像识别 开发者问答 阿里云建站 阿里云备案 云市场 万网 阿里云帮助文档 免费套餐 开发者工具 SSL证书 小程序开发制作 视频内容分析 企业网站制作 视频集锦 代理记账服务 2020阿里巴巴研发效能峰会 企业建站模板 云效成长地图 高端建站 2020中国云原生 阿里云云栖号