reactjs - 是否消除了React.js中的重复跨度？

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>