如何获取元素React |的位置Redux（.getBoundingClientRect（）+ .getWrappedInstance（））

Question

我正在尝试查找使用React呈现的组件的位置。 我使用的终极版，所以我不得不修改连接功能：

export default connect(mapStateToProps, mapDispatchToProps,null,{ withRef: true })(MyComponent); 

现在我得到一个组件回来时，我呼吁：

class OneColumn extends Component { 
    componentDidMount(){ 

     var input = this.refs.myComponentsRef.getWrappedInstance(); 

     console.log(input); // Outputs > TheComponentIWant {props: Object, context: Object, refs: Object, updater: Object, _reactInternalInstance: ReactCompositeComponentWrapper…} 

     var inputRect = input.getBoundingClientRect(); 
     console.log(inputRect); // Outputs error: Uncaught TypeError: input.getBoundingClientRect is not a function 
    } 
//... 
} 

这样我就可以获取组件，但是我不能再获得boundingClientRect。

我忽略了什么？

请帮助:)

Answer 1

我发现，规避这一问题的另一种解决方案：This post describes and refers to another post

基本组件开始渲染组件给您存储这些组件的位置的回调函数时。