reactjs - 在 React 的自动完成字段中为键入的字母添加标签

Question

标签： reactjsformsautocomplete

Answer 1

使用dangerouslySetInnerHTML就像是 React 的替代品innerHTML

只需更换您的地图返回

...
const letter = item.replace(regex, `<strong>${inputValue}</strong>`);
   return <li key={item}>{letter}</li>;
...

和：

...
const letter = item.replace(regex, `<strong>${inputValue}</strong>`)
   return (
     <li key={item}>
       <span dangerouslySetInnerHTML={{ __html: letter }} />
     </li>
   )
...

这是一个codeSanbox示例。