How to pass the value to function on react-native?

Question

I use the same construction onPress={this.onSave} But I don't know how to pass value to function onSave.

You can do it the same way you do it without react or react-native. However, if that component is rerendered a lot, you should create a new component which gets passed the callback and the value to pass to it, so that you don't have to create a new function in each render. I suggest to have a look at http://stackoverflow.com/questions/32366248/react-ineffiencies-of-binding-a-new-function-for-each-event — Felix Kling, Feb 02 '16 at 14:59

score 4 · Accepted Answer · answered Feb 02 '16 at 15:01

4

onPress={ () => this.onSave(value) }

answered Feb 02 '16 at 15:01

Nader Dabit

I like this solution more, however it's not widely supported in browsers as of now. More info [on mdn](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions) – kecer Feb 02 '16 at 15:04
You are right, but when using React Native, the code is compiled with babel and ES6 works out of the box. – Nader Dabit Feb 02 '16 at 15:33

score 2 · Answer 2 · answered Feb 02 '16 at 14:58

2

You can use .bind

onPress={ this.onSave.bind(this, 10) }

answered Feb 02 '16 at 14:58

Oleksandr T.

2 Answers2