无法绑定到导入的函数。错误未定义

我目前在导入模块和在React中使用它时遇到问题。有人问过这个问题,我试过我读过的答案,但什么也没有。我不知道我做错了什么。

在app.js中,我将导入以下内容:

import { pullProductDetails } from './GetDetails';

在getdetails.js中,我有:

export default pullProductDetails = () => {
      this.setState({isLoading: true});
      fetch('http://127.0.0.1:8000/product_details/fetch/36')
      .then(response => response.json())
      .then(json => {
        const quantityDetails = json.productQuanties.map((quantityDetail) => {
            quantityDetail.selected = false;
            quantityDetail.title = "Quantity";
        });
        this.setState(
          {
            quantityProduct: [...this.state.quantityProduct, ...json.productQuanties],
            isLoading: false,
          }, () => this.dropdownCounter()
        );
          });
    }

然后在app.js中,我绑定它以便使用“this”

this.pullProductDetails = this.pullProductDetails.bind(this);

错误是它无法将此绑定到未定义,因为PullProductDetails未定义。

我也尝试过:

export const pullProductDetails = () => {}

以上都不起作用。我需要从app.js中调用this.pullproductdetails。有什么想法吗?