Melhorandoパフォーマンス無反応ネイティブCOM objetos
14847 ワード
ああ!
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 :
パラコンバーターパラ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です:
ヴァンテゲン・ド・サウルオベート
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思慮深い.
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思慮深い.
Reference
この問題について(Melhorandoパフォーマンス無反応ネイティブCOM objetos), 我々は、より多くの情報をここで見つけました https://dev.to/wps13/melhorando-performance-no-react-native-com-objetos-4h1hテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol