Fuse Result Highlight

fuse-result-highlight.jsx

function formatMatch({ indices, value }) {
  let lastIndex = 0;
  return (
    <span>
      {indices.map(([start, end], index) => {
        const nonMatch = value.slice(lastIndex, start);
        lastIndex = end;
        const match = value.slice(start, end);
        return (
          <React.Fragment key={index}>
            {nonMatch}
            <b>{match}</b>
          </React.Fragment>
        );
      })}
      {value.slice(lastIndex)}
    </span>
  );
}