搜索高亮关键字

{list.map((item: any) => {
  const index: number = item.name.indexOf(searchValue);
  const beforeStr = item.name.substr(0, index);
  const afterStr = item.name.substr(index + searchValue.length);
  return (
    <div className={styles['bank-list-wrapper-item']} key={item.id}>
      {beforeStr}
      <span style={{ color: '#5938E3' }}>{searchValue}</span>
      {afterStr}
    </div>
  );
})}
posted @ 2022-08-22 13:46  ZerlinM  阅读(25)  评论(0)    收藏  举报