从 TextView 获取文本并将其复制到剪贴板以响应本机

Question

我想通过单击图标来复制 textview 中的值。 这是我到目前为止所做的：

  render() {
    return (
        <View style={{marginTop: 50, marginLeft: 50}}>
              <View>
                 <Text>Логин:</Text>
                 <Text ref='myText'>45645546654</Text>    
              </View>
            <TouchableOpacity onPress={() => Clipboard.setString(this.refs.myText.props.children)}>
              <View>
                <MaterialIcons 
                   name='content-copy' 
                   size={21} 
                 />
              </View>
            </TouchableOpacity>
        </View>
    );
  }

工作区： https://snack.expo.io/@jasurkurbanov/updated2

它有点在小吃上工作。 但是当我在手机上运行它时，我得到了错误。

未定义不是 object（'评估'_this.refs.myText.props.children'）

Answer 1

找到答案。 问题出在构造函数上。 我没有创建它，也没有定义 state。 请访问https://snack.expo.io/@jasurkurbanov/updated2

Answer 2

您应该在constructor()上定义您的 refs 变量。

例如：

constructor() {
...
    this.textViewRefs = React.createRef();
...
}

render() {
    return (
...
        <Text ref={this.textViewRefs}>45645546654</Text>
...
    )
}

查看此https://reactjs.org/docs/forwarding-refs.html了解更多信息