Melhorandoパフォーマンス無反応ネイティブCOM objetos


ああ!
quando trabalhamos com dadosは、ネイティブの、正常なusamos配列に反応します.変則的なパーカーdado em um配列は、ma tarefa計算上の複雑さです.por example , se temos um配列の文字列を指定します.
スペイン語の問題点についての問題について
entのo o、como faremos isso?
Primeiro , Vamos dar - uma olhada no seguinte :
const App = () => {
  const [data] = useState([
    {
      name: 'Joao',
      job: 'Developer',
    },
    {
      name: 'Maria',
      job: 'CEO',
    },
  ]);

  const _renderItem = ({item}) => {
    return (
      <View style={styles.view}>
        <Text style={[styles.text, styles.titleText]}>{item?.name}</Text>
        <Text style={styles.text}>{item?.job}</Text>
      </View>
    );
  };

  const _keyExtractor = item => {
    return item.name;
  };

  return (
    <SafeAreaView>
      <FlatList
        renderItem={_renderItem}
        data={data}
        keyExtractor={_keyExtractor}
      />
    </SafeAreaView>
  );
};

セグンテ・テレラの変貌

パラコンバーターパラOoJeto、n sターエーモスエーモスque mudar como inicializamos os dados e como a flatlist o usa
来られたアンヌコムA inicializaは、o o、poderを引きます、エーモスUSAR Um Identificarは、ニコ、ネーゼCaso vamos usar o padrは、' user - x '、onde x - es um inteiro、resultando no seguinte formatoです:
{
    'user-1': {
      name: 'Joao',
      job: 'Developer',
    },
    'user-2': {
      name: 'Maria',
      job: 'CEO',
    },
  }
エントは、O、Nのdesは、エーモスMudarとしてprop da flatlist、jのque que temos um objeto e propsデdata espera um配列、poder - ras -エーモスusarオブジェクトです.On - Other - Om - um Array、Porの例を見てください.

const data = {'user-1': {'name': 'Maria'}};

オブジェクト.エントリーNOS
[
 ['user-1', {'name': 'Maria'}]
]
エレResultado Mostra que Tamb m m Teriam que Mudar A楽しいアイテムをレンダリングします.アイテムをレンダリングします.
const _renderItem = ({item}) => {
    const [_, itemData] = item;

    return (
      <View style={styles.view}>
        <Text style={[styles.text, styles.titleText]}>{itemData?.name}</Text>
        <Text style={styles.text}>{itemData?.job}</Text>
      </View>
    );
  };
O código completo:

const App = () => {
  const [data] = useState({
    'user-1': {
      name: 'Joao',
      job: 'Developer',
    },
    'user-2': {
      name: 'Maria',
      job: 'CEO',
    },
  });

  const _renderItem = ({item}) => {
    const [_, itemData] = item;

    return (
      <View style={styles.view}>
        <Text style={[styles.text, styles.titleText]}>{itemData?.name}</Text>
        <Text style={styles.text}>{itemData?.job}</Text>
      </View>
    );
  };

  const _keyExtractor = item => {
    const [key] = item;

    return key;
  };

  return (
    <SafeAreaView>
      <FlatList
        renderItem={_renderItem}
        data={Object.entries(data)}
        keyExtractor={_keyExtractor}
      />
    </SafeAreaView>
  );
};


ヴァンテゲン・ド・サウルオベート
como mencionado acima,usar um objeto seria melhor para performance,pecialmente quando modificando os dadosPorの例証は、se esta lista tivesseのopの残りの部分のpareseseのopの項目のadicionar um novo、seria mais r . pidoの除去者o dado do objeto思慮深い.