Вопрос о производительности компонента FlatList renderItem и использовании памяти

Question

Я react-native новичок.Просто вопрос о FlatList renderItem Component производительности и использовании памяти.

Какой из ниже renderItem Component с быстрее по производительности и какой памяти подходит для большого списка?

1:

class MyListItem extends React.PureComponent {
  render() {
    return (
     <View style={{width: '100%', height: 60}}>
       {
         this.props.size ===  30 ?
         (
           <View style={{width: 30, height: 30}}>
                <Text>test</Text>
           </View>
         )
         :
         null
       }
       <View>...</View>
     </View>
    )
  }
}

2:

class MyListItem extends React.PureComponent {
  render() {
    return (
         <View style={{width: '100%', height: 60}}>
           <View style={{width: this.props.size, height: this.props.size}}>
                <Text>test</Text>
           </View>
           <View>...</View>
         </View>
    )
  }
}

Спасибо.

Answer 1

Секунда быстрее и удобнее для памяти, потому что она не будет проверять какие-либо условия, поэтому ее производительность быстрее по сравнению с первой.Вы можете использовать FlatList лучше, чем оба.