Print value from variable react-native

Question

i am trying to print value of variable 'str' by setting its state. My approach is When the user click the button Print the TextInput value in the Text field. I am getting the value though using console and alert but its not printing in the desired tags

Here's my code

`
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

`

You can directly use <Text>{this.state.From}</Text> instead of str — Gowri Pranith Kumar
– Gowri Pranith Kumar, Commented Jan 28, 2020 at 11:00
@b-mohammad 's answer is correct. In short, you need to change onPress = ()=>{this.setState({To: this.state.From})} and <Text>{this.state.To}</Text> — Harish Kumar
– Harish Kumar, Commented Jan 28, 2020 at 12:01

B. Mohammad · Accepted Answer · 2020-01-28 11:06:06Z

2

You should put str as a state, i made a demo in snack:

check is here : demo

answered Jan 28, 2020 at 11:06

B. Mohammad

2,4941 gold badge19 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Harish Kumar Over a year ago

You have this.state.To unused. Much better of use To instead of str.

Jorge Gutiérrez · Accepted Answer · 2020-01-28 11:01:47Z

0

Seems like the variable str is out of scope in the render function.

You could just use

      <Text>{this.state.From}</Text>

answered Jan 28, 2020 at 11:01

Jorge Gutiérrez

863 bronze badges

Comments

Gaurav Roy · Accepted Answer · 2020-01-28 11:10:33Z

0

You are not referencing to state by just writing {str} inside Text. You should do :

<Text>{this.state.From}</Text>

hope it helps

answered Jan 28, 2020 at 11:10

Gaurav Roy

12.4k3 gold badges30 silver badges51 bronze badges

2 Comments

Sukhwinder Saini Over a year ago

But this should give me a live result. I want to handle this via variable

Gaurav Roy Over a year ago

this.state.From is a variable which you are setting

Collectives™ on Stack Overflow

Print value from variable react-native

3 Answers 3

1 Comment

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related