在reactJS中截断文本

Question

您好我正在使用这个reactJS组件，我想知道reactJS是否具有过滤字符串内容的功能：

city

如何截断span标记内的文本??

问候

Answer 1

您可以将prop传递给函数并返回截断的版本：

...

<span style={{overflow: 'hidden', textOverflow: 'ellipsis'}}>             
    {this.truncate(this.props.name)}
</span>

...

truncate: function(s) {
   /* if (s.length() > 10)
         return truncated value;
      else
         return s; */
}

Answer 2

这是一个可能适合您的解决方案：

React.createClass({
  ...
  myFilter: function(data) {
    return data.sanitize()
  },
  render: function() {
    return (
      <div>{this.myFilter(this.props.myData)}</div>
    )
  }
})

您可以使用{}将代码块注入jsx。但是，厌倦了，因为jsx在这些块中接受的内容非常挑剔

Answer 3

{e.info.substring(0, 20) } { e.info.length >= 20 && `...` }