Как преобразовать функцию без состояния в компонент класса в React Native - PullRequest
Новая
       2

Как преобразовать функцию без состояния в компонент класса в React Native

0 голосов
/ 21 июня 2020

Я новичок в react native, я искал, как преобразовать эту функцию в компонент класса в react native. Пожалуйста, мне нужна помощь, чтобы преобразовать приведенный ниже код для реагирования компонента. 

import React from 'react';
import { View, Image, ScrollView } from 'react-native';

import styles from './styles';

export default ({captures=[]}) => (
    <ScrollView 
        horizontal={true}
        style={[styles.bottomToolbar, styles.galleryContainer]} 
    >
        {captures.map(({ uri }) => (
            <View style={styles.galleryImageContainer} key={uri}>
                <Image source={{ uri }} style={styles.galleryImage} />
            </View>
        ))}
    </ScrollView>
);

1 Ответ

0 голосов
/ 21 июня 2020

Чтобы превратить это в компонент класса, просто переместите код в метод рендеринга компонента класса и измените ссылки на props ссылками на this.props. Для этого компонента никаких других изменений не требуется. 

export default class Example extends React.Component {
  render () {
    const { captures = [] } = this.props;
    return (
      <ScrollView 
        horizontal={true}
        style={[styles.bottomToolbar, styles.galleryContainer]} 
      >
        {captures.map(({ uri }) => (
          <View style={styles.galleryImageContainer} key={uri}>
            <Image source={{ uri }} style={styles.galleryImage} />
          </View>
        ))}
      </ScrollView>
    )
  }
}
...