Returns highlighted text (component) by passing it the text and an array of strings which will be highlighted. (React)

Get highlighted text

function getHighlightedText(text, highlights) {
  let parts = text.split(new RegExp(`(${highlights.join("|")})`, "gi"));
  return (
    <span>
      {parts.map((part, i) => (
        <span
          key={i}
          style={highlights.indexOf(part) > -1 ? { fontWeight: "bold" } : {}}>
          {part}
        </span>
      ))}
    </span>
  );
}