Почему вокруг предмета есть фигурные скобки? - PullRequest
Новая
       6

Почему вокруг предмета есть фигурные скобки?

0 голосов
/ 08 ноября 2019

Какова цель фигурных скобок вокруг item в renderItem опоре? Я попытался передать это так 

renderItem={ item => <Text style={styles.item}>{item}</Text>}

, но, похоже, это не работает. Пожалуйста, наведите меня на это. 

//Code snippet from React Native docs as below.
//url: https://facebook.github.io/react-native/docs/using-a-listview

import React, { Component } from 'react';
import { FlatList, StyleSheet, Text, View } from 'react-native';

export default class FlatListBasics extends Component {
  render() {
    return (
      <View style={styles.container}>
        <FlatList
          data={[
            {key: 'Devin'},
            {key: 'Dan'},
            {key: 'Dominic'},
            {key: 'Jackson'},
            {key: 'James'},
            {key: 'Joel'},
            {key: 'John'},
            {key: 'Jillian'},
            {key: 'Jimmy'},
            {key: 'Julie'},
          ]}
          renderItem={({item}) => <Text style={styles.item}>{item.key}</Text>}
        />
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
   flex: 1,
   paddingTop: 22
  },
  item: {
    padding: 10,
    fontSize: 18,
    height: 44,
  },
})

1 Ответ

0 голосов
/ 08 ноября 2019

Это для извлечения значений элемента, так работает JSX. Если бы был только элемент, то есть <Text>item</Text>, тогда он будет отображать элемент в качестве выходных данных, но если вы хотите отобразить значение элемента, предположим, что item =50, то отобразите <Text>{item}</Text>, чтобы отобразилось значение 50.

...