React.js 및 JS에서 텍스트 자르기
3960 단어 reactbeginnersjavascript
벨로우즈 코드가 어떻게 작동하는지 설명하면 프로젝트에 코드를 복사하여 붙여넣을 수 있습니다.
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)}
Reference
이 문제에 관하여(React.js 및 JS에서 텍스트 자르기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/abodmicheal/truncate-text-in-react-js-and-js-22k2텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)