如何在slatejs中获取光标位置或选择？

import { useSlate } from 'slate-react';

const MyComponent = () => {
  const editor = useSlate();
  // 在这里使用editor对象进行后续操作
  return <div>My Component</div>;
};

import React from 'react';

const MyComponent = () => {
  const editor = useSlate();
  const selectionRef = React.useRef();

  // 在这里使用editor对象和selectionRef进行后续操作
  return <div>My Component</div>;
};

import React from 'react';

const MyComponent = () => {
  const editor = useSlate();
  const selectionRef = React.useRef();

  React.useEffect(() => {
    const updateSelection = () => {
      const { selection } = editor;
      selectionRef.current = selection;
    };

    editor.addEventListener('selection', updateSelection);

    return () => {
      editor.removeEventListener('selection', updateSelection);
    };
  }, [editor]);

  // 在这里使用editor对象和selectionRef进行后续操作
  return <div>My Component</div>;
};

import React from 'react';

const MyComponent = () => {
  const editor = useSlate();
  const selectionRef = React.useRef();

  React.useEffect(() => {
    const updateSelection = () => {
      const { selection } = editor;
      selectionRef.current = selection;
    };

    editor.addEventListener('selection', updateSelection);

    return () => {
      editor.removeEventListener('selection', updateSelection);
    };
  }, [editor]);

  const handleButtonClick = () => {
    const { anchor, focus } = selectionRef.current;
    // 在这里使用anchor和focus来获取光标位置或选择的具体信息
  };

  return (
    <div>
      <button onClick={handleButtonClick}>获取光标位置或选择</button>
    </div>
  );
};