想像:
return (<a href="{this.props.url}">{this.props.name}</a><br>)
也尝试过
return (<a href="{this.props.url}">{this.props.name}</a><br />)
虽然脚本运行没有问题,但JSX编译器却被< br>所打扰.标签,因为它在逻辑中是一只孤独的狼,并且没有开放/关闭标签.
如果另一方面我删除< br>
return (<a href="{this.props.url}">{this.props.name}</a>)
没有抛出任何错误,就问题而言,这是非常自我解释的.但问题是如何解决潜在的问题.我怎样才能拥有该标签(或者如果需要的话还有它的等价物).在上述每个渲染语句之后添加.
需要注意的是,这是一个urls / names循环,它在页面上生成一个html链接列表.到目前为止减去这个因素的一切都有效.
总体而言,潜在的问题是美学问题.我正在使用bootstrap,因为事情是相当统一的,我不想创建一次性类或内联样式来适应换行符.这纯粹是出于可维护性的考虑.
解决方法
原文地址:https://www.jb51.cc/js/150496.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。