javascript - used - void(0) trackid=sp-006

Reaccionar ''findNodeHandle método dejó de funcionar

Question

Después de actualizar a la versión 0.26.0-rc , esta línea:

React.findNodeHandle(this.refs.myRef)

Lanza este mensaje de error:

Excepción de JS no controlada: _react2.default.findNodeHandle no es una función.

Estoy importando Reacciona con esto:

import React from ''react'';

Los documentos aún dicen : "Como siempre, para obtener un identificador de nodo nativo para un componente, puede usar React.findNodeHandle (componente)".

Answer 1

Ahora la función puede ser usada sin objeto:

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

Y llámalo directamente:

findNodeHandle(this.refs[refName])

Answer 2

Tienes que importar ReactNative también.

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

Answer 3

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)
})