CSS로 하는 방법도 있고, id값으로 접근하여 JS로 처리하는 방법도 있다.
<div>
{study.content.length < 50
? study.content
: study.content.slice(0, 35) + '...'}
</div>
출처
https://velog.io/@sparkling0_0/React%EB%A7%90%EC%A4%84%EC%9E%84-%EC%B2%98%EB%A6%AC%ED%95%98%EA%B8%B0
[React]말줄임 처리하기
React에서 심플하게 말줄임(...) 처리하기
velog.io
'Development > React.js' 카테고리의 다른 글
| Navigate로 리다이렉트 하기 (0) | 2022.05.12 |
|---|---|
| react swiper 커스텀 (0) | 2022.05.12 |
| useRef로 스크롤 조작하기 (0) | 2022.05.03 |
| 리엑트 조건부 렌더링 (0) | 2022.05.03 |
| Styled Components를 Global에서 사용하기 (0) | 2022.05.02 |