Convert from arrow functions

Question

I will be very happy if you can help me. I am making react native expo app. I have code that displays information from the database. But i want convert this code from arrow functions to normal function.

<View>
        <ListView
          dataSource={this.state.dataSource}
          renderSeparator= {this.ListViewItemSeparator}
          renderRow={(rowData) =>
            <Text
                      onPress={() => {
                        /* 1. Navigate to the Details route with params */
                        this.props.navigation.navigate('Details', {
                          otherParam: rowData.article_title,
                        });
                      }}
                    >{rowData.article_title}</Text>
      }
        />
</View>

I want to have something like this, but i do not know how to do this:

<View>
     <Text
       onPress={() => {
             /* 1. Navigate to the Details route with params */
                 this.props.navigation.navigate('Details', {
                    otherParam: rowData.article_title,
              });
          }}
        >{rowData.article_title}</Text>
      }
</View>

Is there any reason why you want to convert from arrow function to normal function? — Vencovsky, Jun 03 '19 at 14:39
Even with the very weird code and that maybe something is missing, This isn't a duplicate — Vencovsky, Jun 03 '19 at 14:43
@Vencovsky i want to convert this code because when i add , i am getting error — Rapprogtrain, Jun 03 '19 at 14:45
Please edit your question, add the correct code and the part where you get an error. — Vencovsky, Jun 03 '19 at 14:46

MrD · Answer 1 · 2019-06-03T14:41:47.337

0

onPress(() => { /* some code */})

Is equivalent to

function doOnPress() {
/* some code */
}

onPress(doOnPress.bind(this))

edited Jun 03 '19 at 14:41

answered Jun 03 '19 at 14:40

MrD

4,986
11
48
90

1

What about the use of `this`? – crashmstr Jun 03 '19 at 14:41
1

NO! It isn't. In particular the handling of `this` (which is used in the code in the question) is very different. – Quentin Jun 03 '19 at 14:41
You should be able to use .bind(this) – MrD Jun 03 '19 at 14:41
No, am speaking about this code: renderRow={(rowData) => , not about onpress – Rapprogtrain Jun 03 '19 at 14:42

Convert from arrow functions

1 Answers1