Reactjs React:TypeError:Object（…）不是函数

请帮帮我

这是我的代码（错误消息似乎认为第7行有问题）：

TypeError:对象（…）不是函数

4 | import axios from 'axios';
5 | const App = () => {
6 | 
7 |   const spotify = Credentials();
8 |   console.log('READING APP.JS');

这是我的代码：App.JS

import React, { useState } from 'react';
import Dropdown from './Dropdown';
import {Credentials} from './Credentials';
import axios from 'axios';
const App = () => {

  const spotify = Credentials();
  console.log('READING APP.JS');
  const data=[
    {value: 1, name:'A'},
    {value: 2, name:'B'},
    {value: 3, name:'C'},
]

文件：Credentials.js

const Credentials = () => {

    return {
        ClientId: 'ac1c364eacc44fa497996830214a0880',
        ClientSecret: '9731ecf36d1141d685587368b9237b22'
    }
}

export default { Credentials };

---

图像

您实际导出的是一个

对象

，其中包含您的

函数

，作为默认导出。。您很可能会像这样导入它：

从“您的/path”导入凭据。。。而
凭证
这里不是
函数
，而是
对象
。。。这就解释了说对象（…）不是函数的错误

如果你想有一个默认导出

export default Credentials;

你需要像这样导入它：

import Credenitals from 'your/path';

实际上，您正在将包含
函数的
对象
导出为默认导出。。您很可能会像这样导入它：
从“您的/path”导入凭据。。。而
凭证
这里不是
函数
，而是
对象
。。。这就解释了说对象（…）不是函数的错误

如果你想有一个默认导出

export default Credentials;

你需要像这样导入它：

import Credenitals from 'your/path';

在Credentials.js中，您可以导出一个函数

导出常量凭据=（）=>{

而不是默认导出

export default{Credentials}
在Credentials.js中，您可以导出一个函数

导出常量凭据=（）=>{

而不是默认导出

export default{Credentials}
使用代码上方“../yourPath”中的导入凭据
使用代码上方“../yourPath”中的导入凭据
您需要导出为命名导出。您可以像“export const Cresentials=（）=>{}”这样导出，您需要导出为命名导出。您可以像“export const Cresentials=（）=>{}”这样导出