#React 您如何有条件地渲染组件？
#React 您如何有条件地渲染组件？
展开
收起
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
1
条回答
写回答
-
阿里，我所有的向往
在某些情况下，您希望根据某些状态渲染不同的组件。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赞同 展开评论
问答分类：
相关问答