Javascript 如何在react naive中获取文本组件值

我是一个新的本地开发人员。我想使用onPress获取文本组件的值，并将其传递给函数

<Text onPress={()=>this.display}>Hello World</Text>


display= (text) =>{
    console.log(text);//this should print Hello world
  }

---

您需要使用ref属性来访问按钮的文本值

<Text ref='myText'>This is my text</Text>
<Button onPress={()=>this.display(this.refs.myText.props.children)} title='Press Me'/>

//this should print Hello world
display= (text) =>{
    console.log(text);
}

或者，只需将其存储在变量中：

const myText = "This is my text"

<Text onPress={()=>this.display}>{myText}</Text>

display = () => {
     console.log(myText);
}

---

我不是这方面的专家。我从中得到了一些想法

但是我想你可以在文本组件上设置一个ref

this.textElem=elem}onPress={=>this.display}>Hello World

对于事件处理程序，您可以

display = () =>{
    console.log(this.textElem.props.children);//this should print Hello world
}

---

尝试此方法

此方法可用于从text-onPress事件中获取文本

 <Text onPress={(event) => console.log(event._dispatchInstances.memoizedProps.children)} >{value}</Text>

---

代码的可能副本显示硬编码文本“Hello World”，代码不显示文本元素值。

 <Text onPress={(event) => console.log(event._dispatchInstances.memoizedProps.children)} >{value}</Text>