Метод React ' findNodeHandle перестал работать

после обновления до 0.26.0-rc версия эта строка:

React.findNodeHandle(this.refs.myRef)

выдает это сообщение об ошибке:

необработанное исключение JS: _react2.по умолчанию.findNodeHandle не функция.

я импортирую React с этим:

import React from 'react';

Docs еще скажи: " как всегда, чтобы получить собственный дескриптор узла для компонента, вы можете использовать React.findNodeHandle(компонент)."

22
ecmascript-6 javascript react-native react-native-android react-native-ios

3 ответов

вы также должны импортировать ReactNative.

import ReactNative from 'react-native';
...
ReactNative.findNodeHandle(...)
29

теперь функция может использоваться без объекта:

import {
  ...
  findNodeHandle,
  ...
} from 'react-native';

и вызовите его сразу:

findNodeHandle(this.refs[refName])
39
import {
  ...
  findNodeHandle,
} from 'react-native';

var RCTUIManager = require('NativeModules').UIManager;

var view = this.refs['yourRef']; // Where view is a ref obtained through <View ref='ref'/>
RCTUIManager.measure(findNodeHandle(view), (fx, fy, width, height, px, py) => {
  console.log('Component width is: ' + width)
  console.log('Component height is: ' + height)
  console.log('X offset to frame: ' + fx)
  console.log('Y offset to frame: ' + fy)
  console.log('X offset to page: ' + px)
  console.log('Y offset to page: ' + py)
})
0