写React组件，基本上使用jsx文件，在render方法中返回html节点。然而，在jsx中的html标签中的js代码，只能是简单运算，对象，或函数调用，并不支持if-else或for-while等结构，因此，有时我们需要根据条件决定不同元素，或决定是否显示某元素时，不得不将这 ...
写React组件，基本上使用jsx文件，在render方法中返回html节点。然而，在jsx中的html标签中的js代码，只能是简单运算，对象，或函数调用，并不支持if-else或for-while等结构，因此，有时我们需要根据条件决定不同元素，或决定是否显示某元素时，不得不将这段代码抽到render-return以外，如此，程序虽然可以运行，代码上却破坏了html骨架结构，不便于样式控制和直观理解。这里介绍几种方法解决此问题，使得所有html元素在一处得到统一管理。
1 简单if-else
可以使用三元运算符
render(){ return ( <div> {1 > 2 ? <p>yes</p> : <a>no</a>} </div> ) }
海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com
原标题：React：将html元素统一管理
关键词：HTML
*特别声明：以上内容来自于网络收集，著作权属原作者所有，如有侵权，请联系我们：
admin#shaoqun.com
（#换成@）。
