如何在draft.js中实现链接？

import { EditorState, ContentState, RichUtils, Modifier, Entity } from 'draft-js';

const createLinkEntity = (url) => {
  return Entity.create('LINK', 'MUTABLE', { url });
};

const insertLink = (editorState, url) => {
  const contentState = editorState.getCurrentContent();
  const contentStateWithEntity = contentState.createEntity('LINK', 'MUTABLE', { url });
  const entityKey = contentStateWithEntity.getLastCreatedEntityKey();
  const newEditorState = EditorState.set(editorState, { currentContent: contentStateWithEntity });

  return RichUtils.toggleLink(
    newEditorState,
    newEditorState.getSelection(),
    entityKey
  );
};

const handleEditorChange = (newEditorState) => {
  setEditorState(newEditorState);
};

const Link = (props) => {
  const { contentState, entityKey } = props;
  const { url } = contentState.getEntity(entityKey).getData();

  return (
    <a href={url} target="_blank" rel="noopener noreferrer">
      {props.children}
    </a>
  );
};

const decorator = new CompositeDecorator([
  {
    strategy: findLinkEntities,
    component: Link,
  },
]);

<Editor
  editorState={editorState}
  onChange={handleEditorChange}
  decorators={decorators}
/>