React native React native：如何在单击按钮时获取文本值？

我有一个

文本

，我想在单击时获取文本值

比如说

click()
{
    // how to get text value here 
}

<Text style={{color: 'red,textAlign:'center'}} onPress={this.click.bind(this)}>
    Name
</Text> 

点击（）
{
//如何在这里获取文本值
}
您可以在状态中维护文本，并在单击按钮时获取文本值

export default class SampleApp extends Component{

  constructor(props){
    super(props);
    this.state = {
      titleText: "Click to get text! - ",
      count:1
    };
  }

  render() {
    return (
      <View style={{flex:1}}>
        <Text style={{color:'black'}} onPress={()=>{this.onPressTitle()}}>
          {this.state.titleText}
        </Text>
      </View>
    );
  }

  onPressTitle(){
    alert(this.state.titleText+this.state.count);
    this.setState({count:this.state.count+1});
  }
}

导出默认类SampleApp扩展组件{
建造师（道具）{
超级（道具）；
此.state={
titleText:“单击以获取文本！-”，
计数：1
};
}
render（）{
返回(
{this.onPressTitle（）}}>
{this.state.titleText}
);
}
onPressTitle（）{
警报（this.state.titleText+this.state.count）；
this.setState（{count:this.state.count+1}）；
}
}

可以很好地处理动态文本。
您可以在状态内维护文本，并在单击按钮时获取文本值

export default class SampleApp extends Component{

  constructor(props){
    super(props);
    this.state = {
      titleText: "Click to get text! - ",
      count:1
    };
  }

  render() {
    return (
      <View style={{flex:1}}>
        <Text style={{color:'black'}} onPress={()=>{this.onPressTitle()}}>
          {this.state.titleText}
        </Text>
      </View>
    );
  }

  onPressTitle(){
    alert(this.state.titleText+this.state.count);
    this.setState({count:this.state.count+1});
  }
}

导出默认类SampleApp扩展组件{
建造师（道具）{
超级（道具）；
此.state={
titleText:“单击以获取文本！-”，
计数：1
};
}
render（）{
返回(
{this.onPressTitle（）}}>
{this.state.titleText}
);
}
onPressTitle（）{
警报（this.state.titleText+this.state.count）；
this.setState（{count:this.state.count+1}）；
}
}

可以很好地处理动态文本。
您可以使用ref属性访问文本的值

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

这是我的文本
警报（this.refs.myText.props.children）}title='Press Me'/>
您可以使用ref属性访问文本的值

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

这是我的文本
警报（this.refs.myText.props.children）}title='Press Me'/>
也可以这样做

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

console.log（event.\u dispatchInstances.memoizedProps.children）}>{value}
也可以这样做

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

console.log（event.\u dispatchInstances.memoizedProps.children）}>{value}
如果您想使用dynamic@Himanshu Dwivedi，请告诉我如何使用动态文本。答案对您很好。使用状态存储动态值。要更改状态，只需在组件内部的任何函数上使用此.setState（{titleText:'this is new value'}）。如果要使用dynamic@Himanshu Dwivedi，请告诉我如何使用dynamic text。使用状态存储动态值。要更改状态，只需在组件中所需的任何函数上使用此.setState（{titleText:'this is new value'}）。