使用ref回调访问道具

时间:2019-05-10 18:40:44

标签: react-native view prop

我用力地挠头。试图找出下面的代码段出了什么问题。

import React from 'react';
import { Text, TouchableOpacity, View } from 'react-native';

class MyButton extends React.Component {

  setNativeProps = (nativeProps) => {
    alert(JSON.stringify(this._root.props)) //able to get this.v here
  }

  render() {
    return (
      <View ref={cc => {this._root = cc; this.v = 100 }} me="tom">
        <Text ref={component => { this._root1 = component;}} style={{margin:55}} onPress={()=>this.setNativeProps({text:'fgfg'})}>{this.props.label} </Text>
      </View>
    )
  }
}

export default class App extends React.Component {
  render() {
    return (
      <TouchableOpacity >
        <MyButton label="Press me!" />
      </TouchableOpacity>
    )
  }
}

基本上尝试使用 ref回调

<View>元素(即this._root.props)中获取道具

尽管this._root1.props一直都能正常工作。 有人可以帮我找出问题所在吗?

编辑: 我什至可以看到this._root,但看不到this._root.props.me。

1 个答案:

答案 0 :(得分:0)

您可以尝试不做

  

警报(JSON.stringify(this._root.props))

代替

  

警报(this._root.props)

即删除JSON.stringify

不起作用的原因是,视图本身包含一个子元素,而使用 Text 时它没有任何子元素。