Question

我正在尝试使用传递json对象的构造函数创建RN对象，但出现“ ReferenceError：找不到变量：Product”。

Product.js

export default class Product {
    constructor(product) {
        this.name = product.name
        this.items = product.Items
        this.price = product.Price
        this.productID = product.ProductID 
        this.medias = product.Medias
        this.imageSmall = BASE_IMAGES_URL + product.MediaSmall
        this.imageLarge = this.getImageLarge(product.Medias)
    }
}

PDP.js

import { Product } from '../models/Product'
class PDP extends Component {
 render() {

    var imagesProd = [];
    var product = new Product(this.props.navigation.state.params.currentProduct);
      ....
}
}

问题是new Product()直接使用this.props.navigation.state.params.currentProduct可以正常工作。

编辑

按照您的提示，我将导入更改为import Product from '../models/Product'，但是我得到了

TypeError：TypeError：TypeError：TypeError：undefined不是构造函数（评估“新的P.default（s）”）

Answer 1

问题与您的导入有关。您在Product类中使用了默认导出，因此您的导入应为

import Product from '../models/Product'

Answer 2

PDP.js中的第一行应为import Product from '../models/Product'

在这里查看有关导入的一些详细信息。 When should I use curly braces for ES6 import?

在React Native中使用构造函数创建对象

2 个答案: