I just started looking at React Native Basics. I learned React earlier and I see that React Native core components have listeners included (onChangeText) as opposed to React, where we must bind listeners and create functions ourself. How could I make function in React Native?
This
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1512402383333/ryv0ayX-G.png" alt="">
Into something like this
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1512402506807/HJ7UAJmbM.png" alt="">

I just started looking at React Native Basics. I learned React earlier and I see that React Native core components have listeners included (onChangeText) as opposed to React, where we must bind listeners and create functions ourself. How could I make function in React Native?

**This**

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1512402383333/ryv0ayX-G.png)

**Into something like this**

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1512402506807/HJ7UAJmbM.png)


Now it gives me error, saying that this.state.text is undefined

Now it gives me error, saying that this.state.text is undefined


This is binding issue. You have to bind the this to onButtonPress like below in constructor.
this.onButtonPress = this.onButtonPress.bind(this)

This is binding issue. You have to bind the this to **onButtonPress **like below in constructor.

this.onButtonPress = this.onButtonPress.bind(this)


So this seems to be same in native and web React? We must bind all listeners?

So this seems to be same in native and web React? We must bind all listeners? 

How can I split render into functions in React Native?

Product

Explore

Company

Blogs

Support