React.js contentEditable 设置插入符号的位置

Question

如何在 React.js 的受控 contentEditable 元素中设置插入符号的位置？我想在不使用任何库的情况下做到这一点。

const [state, setState] = useState("");

----------

return <div
       contentEditable
       onInput={(e) => setState(e.target.innerHTML)}
       dangerouslySetInnerHTML={{__html: state}}
       />