如何在React中实现字符串超35字符时显示部分内容加省略号

可以用三元运算符判断描述长度，实现按需显示省略号：

<div className='desc'>
  {student.description.length > 35 
    ? `${student.description.substring(0, 35)}...` 
    : student.description}
</div>

补充说明 #

如果student.description可能为undefined或null，建议先做空值处理避免报错：

<div className='desc'>
  {student.description 
    ? (student.description.length > 35 
        ? `${student.description.substring(0, 35)}...` 
        : student.description)
    : ''}
</div>

内容的提问来源于stack exchange，提问作者dave_bell