React.js 및 JS에서 텍스트 자르기

Truncate는 부분을 잘라서 줄이는 것입니다. 많은 용도가 있습니다. 글이나 설명이 일정량 이상인 경우 잘라내고 싶은 게시물이나 설명이 있을 수 있습니다.

벨로우즈 코드가 어떻게 작동하는지 설명하면 프로젝트에 코드를 복사하여 붙여넣을 수 있습니다.

class Cover extends Component {
    state = {
      banners: [informations or text we wanna truncate (let say i have 300 words)],
    };
  }
  render() {
    //reduce your information or text 
    const truncate = (input) =>
      input?.length > 300 ? `${input.substring(0, 254)}...` : input;

    return (
      <div>
            {truncate(this.state.banners.overview)}
      </div>
    );
  }
}

이 코드는 기본적으로 입력이 300보다 크면 254로 줄이고 점 3개를 추가해야 함을 코드에 알려줍니다.

const truncate = (input) =>
      input?.length > 300 ? `${input.substring(0, 254)}...` : input;

우리는 나중에 반환에서 함수를 호출하고 자르거나 자르고 싶은 것을 추가했습니다.

{truncate(this.state.banners.overview)}