Javascript 如何获取组件'；React中的ref位置？

我的应用程序正在使用React 15.3.1。所以，我需要得到它的父对象中的

组件

x和y位置。子对象的渲染方式如下所示：

<Icon key={key} ref={(c) => this['icon' + key] = c}}/>;

---

孩子是正确的，我可以在调试器中看到它的

props

。但我看不到任何属性，如

getBoundingClientRect

、

left

、

top

或任何其他位置属性。我需要做什么才能得到它们？

您的

ref

将引用

图标，我猜它是一个React组件。在
getBoundingClientRect
方法可用之前，需要解析实际的React元素（DOM元素）

您可以通过函数执行此操作

let icon = this['icon' + this.state.currentIcon.id];
const domNode = ReactDOM.findDOMNode(icon);
domNode.getBoundingClientRect()

let icon = this['icon' + this.state.currentIcon.id];
const domNode = ReactDOM.findDOMNode(icon);
domNode.getBoundingClientRect()