使用子字符串在React组件中裁切文本，而无需停止文字

import React from 'react';

class TextTruncate extends React.Component {
  render() {
    return (
      <div>
        {/* 文本内容 */}
        {this.props.text}
      </div>
    );
  }
}

class TextTruncate extends React.Component {
  render() {
    const { text, maxLength } = this.props;
    const truncatedText = text.length > maxLength ? text.slice(0, maxLength) + "..." : text;

    return (
      <div>
        {truncatedText}
      </div>
    );
  }
}

class App extends React.Component {
  render() {
    return (
      <div>
        <TextTruncate text="这是一段很长很长的文本内容" maxLength={10} />
      </div>
    );
  }
}