React呈现多个跨度,仅与实际值一致.有关如何解决此问题的任何建议:
如果重要的话,用户的名字不应该在一个范围内,而是作为“.chatUser”的innerHTML.
实际的渲染方法很简短:
createShortUsername: function() { // shortName is first two letter of first name. var shortName = this.props.userName.split(" ")[0].slice(0,2); console.log(shortName); return shortName; },render: function() { return ( <div className="chatUser"> {this.createShortUsername()} </div> ); }
谢谢!
正如@ivarni所建议的那样,额外的跨度是由白色空间引起的!
为了防止这种情况,请在支撑表达式周围编写没有空格的代码.
<ReactElement>{noRoomForWhiteSpace}</ReactElement>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。