0

Componente criando com função, retorna erro

import { React } from "react";
import { Text } from "react-native";

const Product = () => <Text>Product</Text>;

export default Product;

inserir a descrição da imagem aqui

Mas quando é criado com classe ele funciona normalmente

import React, { Component } from 'react';
import { Text } from "react-native";

export default class Product extends Component{
    render(){
        return(
            <Text>Deu certo</Text>
        );
    }
}

2 Respostas 2

1

No exemplo de função vc está importando o React com destructing e não como default

mudar de:

import { React } from "react";

para:

import React from "react";
1
  • Excelente observação.
    – Marconi
    Commented 24/07/2019 às 13:14
0

Quando você exporta um objeto, exemplo:

export {
  func1,
  func2
}

Ao importar você deve usar o destructuring, nova feature do ES6 que tem como finalidade extrair propriedades de um objeto ou até mesmo valores de um array.

Uso para o exemplo acima: import { func1, func2 } from './pathArquivo';

Quando você export por default você não precisa usar o destructuring.

No exemplo do React o uso correto é:

import React from 'react'

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .