在 React Native 中使用構造函數創建 Object

Question

我正在嘗試使用傳遞 json object 的構造函數創建一個 RN Object 但我收到“ReferenceError：找不到變量：產品”。

產品.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：未定義不是構造函數（評估'new P.default（s）'）

Answer 1

問題在於您的導入。 您在產品 class 中使用了默認導出，因此您的導入應該是

import Product from '../models/Product'

Answer 2

PDP.js 的第一行應該是import Product from '../models/Product'

在這里查看有關導入的一些詳細信息。 什么時候應該使用花括號進行 ES6 導入？