react material-uI 版本5.12.2 如何获取TextField组件的光标页面坐标

要获取TextField组件的光标页面坐标，可以使用TextField组件的inputRef属性获取输入框的DOM元素，并且通过DOM API来获取光标的页面坐标。

具体实现方法如下：

1. 在TextField组件中设置ref属性，并将其值为一个回调函数，用来获取输入框的DOM元素。

<TextField inputRef={input => this.inputElement = input} />

2. 在需要获取光标页面坐标的时候，使用DOM API获取光标的页面坐标。

const { selectionStart } = this.inputElement;
const range = document.createRange();
range.setStart(this.inputElement, selectionStart);
range.setEnd(this.inputElement, selectionStart);
const { top, left } = range.getBoundingClientRect();
console.log('光标页面坐标：', { top, left });

这里使用了Range对象，通过设置起始和结束节点为输入框的DOM元素，并且将其位置设置为光标位置，然后通过getBoundingClientRect方法获取光标的页面坐标。