Uncaught TypeError: Невозможно вызвать класс как функцию.

Question

GsranjifyQuickzLook.js

import React, { Component } from 'react';
import { connect } from 'react-redux';
import loopSkus from './stranify';

class GsranjifyQuickzLook extends Component {
    componentDidMount() {
        loopSkus(this.props.data)
    }
}

const mapStateToProps = state => {
   const data = get(state, 'navigation.breadcrumbs');
   return { data };
};

export default connect(mapStateToProps)(GsranjifyQuickzLook);

stranify.js

export const loopSkus = (productDataForSk) => {
  return productDataForSku.skus.map(sku => `{
    "id": "${get(sku, 'id')}",
    "title": "${get(productDataForSku, 'name')}",
    "brand": "${get(productDataForSku, 'linkedData.brand', '')}",
   }`);
};

выше Я пытаюсь добавить компонент карты React в свой проект, но сталкиваюсь с ошибкой. Здесь выше мой компонент карты до сих пор.

Answer 1

поставить - {} - скобки. при импорте

import  loopSkus  from './stranify' .  ---not work

import { loopSkus } from './stranify' .  --- working

Answer 2

у вас есть import loopSkus from './stranify'; в GsranjifyQuickzLook.js

, это синтаксис импорта default.в ./stranify вы экспортируете как именованный экспорт.Либо добавьте export default loopSkus к ./stranify, либо импортируйте как import { loopSkus } from './stranify';