reactjs – 如何在react-native中的Text组件onPress中获取文本

发布时间：2020-12-15 20:10:50 所属栏目：百科来源：网络整理

导读：我想在’Text’组件’onPress’中获取文本并将其设置为我的组件的状态变量.这是我的代码 – var MyComponent = React.createClass({getInitialState: function(){ return { myStateVariable: 'New York' }},render: function(){ return ( Text onPress={()={

我想在’Text’组件’onPress’中获取文本并将其设置为我的组件的状态变量.这是我的代码 –

var MyComponent = React.createClass({
getInitialState: function(){
    return {   
        myStateVariable: 'New York'        
    }
},render: function(){
    return (  
        <Text onPress={()=>{
               this.setState({
                   myStateVariable: 'London' // This works fine
                   myStateVariable: this.children // This is not working
               });
             }  
        }>
            London
        </Text>
        <Text>{this.state.myStateVariable}</Text>
    );
}   
});

如何动态获取“文本”组件中的文本？

解决方法

根据您对我评论的反馈,您应该尝试像这样编写MyComponent –

var MyComponent = React.createClass({
  onPress:function(i){
    let city = this.props.cities[i];
    // do something with city.
  },renderCities:function(){
    this.props.cities.map((city,i)=>{
      return <Text key={i} onPress={this.onPress.bind(this,i)}>{city}</Text>;
    });
  },render: function(){
      return (
        <div>
          {this.renderCities()}
        </div>
      );
  }   
});

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!