react中如何使用jsx处理大段DOM的渲染逻辑?
问题:在react中如何优雅的处理大段DOM的渲染逻辑呢?
业务场景:通过后端回传的参数渲染不同的dom结构,并且dom结构较为庞大。(虽然可以使用三元表达式进行判断,但是dom结构较为复杂时会造成代码阅读体验下降。同时多条件判断时三元表达式也有局限性。)
示例代码:
{
this.state.data?dom1:dom2
}
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
可以试试这个插件 react-if
难道不是抽离成组件引用么