ReadLess (1) 썸네일형 리스트형 간단하게 showMore/showLess 토글 만들기 const Tour = ({ info }) => { const [readMore, setReadMore] = useState(false); return ( {readMore ? info : `${info.substring(0, 200)}...`} setReadMore(!readMore)}> {readMore ? "show less" : "show more"} ); }; 1. readMore이라는 state를 만든다. 2. readMore가 true일 때는 info 내용 전부를 보여주고 false일 때는 0부터 199번째까지 부분 문자열을 보여준다. 참고) https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String.. 이전 1 다음
