JS使用正则表达式实现关键字替换加粗

<div dangerouslySetInnerHTML={
     {__html:searchItem.replace(new RegExp("(" + keyWordList.join("|") + ")", "gi"), (str) => '<span style="font-weight:bold;">' +`${str}`+ '</span>')}}
/>

给自己看的:

& a> span {

        width: 100%;

        position: relative;

        display: block;

        margin-bottom: 15px;

        &:hover{

          &::after{

              background-color: rgba(60, 60, 67, 0.05);

          }

        }

        &::after{

          content: "";

          position: absolute;

          top: 0;

          bottom: 0;

          left: 0;

          right: 0;

          -webkit-transition: background-color .3s ease;

          transition: background-color .3s ease;

        }

    }