首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >打印来自变量react-native的值

打印来自变量react-native的值
EN

Stack Overflow用户
提问于 2020-01-28 18:53:44
回答 3查看 5.1K关注 0票数 0

我试图通过设置变量'str‘的状态来打印它的值。我的方法是,当用户单击按钮时,在文本字段中打印TextInput值。虽然我使用console和alert获得了值,但它没有打印在所需的标记中

这是我的代码

代码语言:javascript
运行
复制
`
var str="";

class WeatherProject extends Component{

  constructor (props) {
    super(props);
    this.state={
        From:'',
        To:''
    }

  }

 changeText=(From)=>{
   this.setState({From})

 }
 onPress = ()=>{
  str= this.state.From
 }
  render(){
return (
<View>
    <TextInput placeholder="From" id="from" style={styles.fromField} onChangeText={this.changeText} /> 
    <Button
      title={"Press"}
      color="#f194ff"
      onPress={this.onPress}
      ></Button>

      <Text>{str}</Text> //Here i need the output via variable str
      </View>

);
}
}

export default WeatherProject 

`

EN

Stack Overflow用户

发布于 2020-01-28 19:01:47

变量str似乎超出了render函数的范围。

你可以直接使用

代码语言:javascript
运行
复制
      <Text>{this.state.From}</Text>
票数 0
EN
查看全部 3 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/59947139

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档