如何获取元素React的位置Redux(.getBoundingClientRect()+ .getWrappedInstance())

时间:2017-06-13 10:52:43

标签: reactjs redux getboundingclientrect

我试图找到用React渲染的组件的位置。 我正在使用redux,所以我不得不将connect函数修改为:

const App = () => (
  <Admin restClient={jsonServerRestClient('http://localhost:5000/')}>
    <Resource name="posts" list={PostList} edit={PostEdit} create={PostCreate} remove={Delete} icon={PostIcon} />
  <Resource name="users" list={UserList} icon={UserIcon} />
 </Admin>
);

现在,当我打电话时,我正在收到一个组件:

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

所以我可以获得组件,但是我无法获得boundingClientRect。

我忽略了什么?

请帮助:)

1 个答案:

答案 0 :(得分:2)

我找到了解决此问题的替代解决方案:This post describes and refers to another post

基本上,当组件开始渲染时,组件会给出一个回调函数,用于存储这些组件的位置。