Могу ли я использовать компонент в ItemSeparatorComponent в плоском списке? - PullRequest
Новая
       46

Могу ли я использовать компонент в ItemSeparatorComponent в плоском списке?

0 голосов
/ 27 февраля 2019

Я думал о том, как использовать ItemSeparatorComponent в плоском списке

Это работает, если я использую: 

import Seperator from '../Seperator';

        <FlatList
          ItemSeparatorComponent={() => <Seperator />}
          data={this.props.x}
          renderItem={({ item }) => this.renderX(item)}
        />

Могу ли я просто использовать <Seperator /> какследующий?

import Seperator from '../Seperator';

           <FlatList
              ItemSeparatorComponent={ <Seperator />}
              data={this.props.x}
              renderItem={({ item }) => this.renderX(item)}
            />

Это не работает!Почему?

1 Ответ

0 голосов
/ 27 февраля 2019

Если ваш <Separator/> является компонентом без состояния без методов жизненного цикла, вы можете заменить их на функциональные компоненты, например: 

import React from 'react'
import {View} from 'react-native'

const Separator= (props) =>
  <Text>{...}</Text>

export default Separator

При этом вам не требуется явный возврат.Если вы придерживаетесь компонентов класса (с состоянием, методами жизненного цикла или рендерингом ...), вам нужно использовать функции стрелок (неявный возврат).

...