반응형
const [searchText, setSearchText] = useState('')
const wrapBold = (str:string) => {
const replacedStr = str?.replace(new RegExp(searchText + '', 'gi), `<b>${searchText}</b>`)
}
return (
<div dangerouslySetInnerHTML={{ __html: wrapBold(title) }} />
)반응형
'Today I Learn > React' 카테고리의 다른 글
| [React] 라이브러리 없이 모달 구현하기(TailWind Css, 애니메이션 효과, 배경 스크롤 막기) (0) | 2024.11.26 |
|---|---|
| [Next.js] next js에서 google analytics 사용하기 (React-gtm-module) (0) | 2023.10.05 |
| [Next.js] 뒤로가기 시 스크롤 위치 유지하기(scrollRestoration) (0) | 2023.03.31 |
| [React/TypeScript]특정 영역 프린트 기능 구현 (0) | 2023.03.10 |
| [React.js]해당 월에 맞는 일 수 나타내기(select box 날짜 선택) (0) | 2022.02.16 |