React字符串關鍵字替換樣式


const keyword = '關鍵字';
let str = '把關鍵字換成藍色';
const reg = new RegExp(`${keyword}`, 'g');
str = str.replace(reg, `<span style='color: #1B73E8;'>${keyword}</span>`);
// 插入div、span等
<div dangerouslySetInnerHTML={__html: str}></div>

效果展示:

 

React插入內容代碼: dangerouslySetInnerHTML = {__html: 修改完帶HTML代碼的字符串}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM