Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Não consigo usar o construtor no template

Na versão mais recente do react-native, onde eu coloco as informações do construtor? Meu código está assim:

import React from 'react';
import {FlatList, StyleSheet} from 'react-native';

import Post from './src/components/Post';

const App: () => React$Node = () => {
  const fotos = [
    {id: 1, usuario: 'eu 1'},
    {id: 2, usuario: 'eu 2'},
    {id: 3, usuario: 'eu 3'},
  ];

  return (
    <FlatList style={styles.container}
      data={fotos}
      keyExtractor={item => item.id}
      renderItem={({item}) => <Post foto={item} />}
    />
  );
};

const styles = StyleSheet.create({
  container: {
    marginTop: 20,
  },
});

export default App;
2 respostas
solução!

Stanislaw, bom dia!

Quando você possui usa um functional component você está dizendo para o React que esse componente não precisa ser construído, tanto que, eles não possuem estados, nos chamamos eles de stateless component. O construtor é uma caracteristica de uma classe, sendo assim é necessário declarar da forma abaixo

class SeuComponente extends React.Component {
    constructor(props) {
        super(props);
    }

    render() {
        <Text>Seu texto aqui</Text>
    }
}

Os cursos abaixo estão atualizado e podem lhe ajudar a compreender melhor!

https://cursos.alura.com.br/course/react-native-function-components https://cursos.alura.com.br/course/react-native-rotas

Espero ter ajudado e bons estudos!

Obrigado, ajudou muito

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software