关键字搜索高亮显示

前端项目是react+antd, 现在需求是一个页面有一个搜索框和表格,搜索框里输入内容显示到表格里,并且高亮显示。以下是代码。 

 render: (text, record) => {
        if (keyWord !== '' && text.name.indexOf(keyWord) >= 0) {
          const reg = new RegExp(keyWord);
          const splitText = text.name.split(reg);
          const matchText = text.name.match(reg);
          let highText = {keyWord};
          // return (
          //   
          //     {matchText.map((_, index) => {
          //       return (
          //         
          //           {splitText[index]}
          //           {matchText[index]}
          //         
          //       );
          //     })}
          //     {splitText[splitText.length - 1] || ''}
          //   
          // );
          return (
            ${keyWord}`),
              }}
            />
          );
        }
        return text.name;
      },

 

你可能感兴趣的:(react+ant,ant,react)