Reactjs 如何将函数中的假API包含到React.JS应用程序中

我不知道如何包含来自现有函数的假日期。我用redux创建了一个应用程序。简单的测试也能起作用

当我在HTML中包含一个日期并调用函数

futurasticapi

时，一切正常。但是如果我想导入到组件，我会得到错误，因为我的假日期文件中没有导出

我有

futurasticapi.js

（其中我有一些包含数据的数组）

这是fruutastaticapi.js

（函数（容器）{
变量名称=[
‘克里斯’、‘斯维特拉’、‘邓肯’、‘弗拉德’、‘丹尼斯’、‘阿米尔’、‘昆扬’、‘亚伦’、‘科比’、‘迈克尔’，
“布莱恩”、“爱德华”、“斯坦”、“埃里克”、“詹妮弗”、“克里斯蒂”、“杰森”、“菲比”、“凯特”、“丹尼斯”，
“阿比盖尔”、“伊桑”、“露西亚”、“哈利”、“大卫”、“卡梅隆”、“艾丽卡”、“索菲”、“弗朗西斯”、“布赖恩”，
“帕科”、“卢克”、“玛吉”、“萨夏”、“德斯蒙德”、“鲁比”、“旺达”、“罗莎莉”、“安吉尔”、“莱拉”、“弗林”，
“安东尼”、“茉莉花”、“珍妮”、“黛比”、“基思”、“波特”、“弗朗西斯科”、“哈维尔”、“鲁道夫”
];
风险值字母='ABCDEFGHIJKLMNOPRSTVWY'。拆分（''）；
风险值=[
‘黑莓’、‘苹果’、‘橘子’、‘香蕉’、‘梨’、‘西瓜’、‘樱桃’、‘芒果’，
“葡萄”、“苹果”、“橘子”、“哈密瓜”、“草莓”、“猕猴桃”、“菠萝”、“石榴”
];
var FROUTSAPI={
get：函数（回调）{
变量iter=30+Math.round（Math.random（）*50）；
var FROUTITER=3+Math.ceil（Math.random（）*4）；
var availFruits=采摘水果（果园）；
var-arr=[]；
对于（var i=0；i

这就是我试图做的：

import React，{Component}来自'React'；
从“/actions/fruotastaticapi”导入{simpleAction}；
从“/fruutasticapi”导入{fruutasticapi}
从'react redux'导入{connect}；
导入“/main.css”；
类应用程序扩展组件{
render（）{
控制台日志
返回(
);
}
}
常量mapStateToProps=状态=>({
…州
})
const mapDispatchToProps=调度=>({
simpleAction:（）=>分派（simpleAction（））
})
导出默认连接（mapStateToProps、mapDispatchToProps）（应用程序）；

这是我的任务：

---

通过调用

fruotasticapi.get（）

加载数据只需执行正常的

导出

，无需隔离作用域：

（函数（容器）{
//...
})（窗口）；

然后只导出（文件中的最后一行）

然后，您可以将其导入组件文件：

import { FruitasticApi } from './FruitasticApi'

工作示例：

别忘了打开控制台

---

或者，如果必须使用隔离方法，则代码会将

foultasticapi

分配给窗口

container.FruitasticApi = fruitsAPI;

因此，您可以使用

console.log(window.FruitasticApi);

---

工作示例：

您应该将您的fructasticapi作为常量函数，如下所示：

export const froutasticapi=callback=>{
变量名称=[
“克里斯”，
“斯维特拉”，
“邓肯”，
“弗拉德”，
“丹尼斯”，
“阿米尔”，
“Kunjan”，
“亚伦”，
“Kirby”，
“迈克尔”，
“布莱恩”，
“爱德华”，
“斯坦”，
“埃里克”，
“珍妮弗”，
“克里斯蒂”，
“杰森”，
“菲比”，
“凯特”，
“丹尼斯”，
“阿比盖尔”，
“伊桑”，
“露西亚”，
“哈利”，
“大卫”，
“卡梅隆”，
“艾丽卡”，
“苏菲”，
“弗朗西斯”，
“布莱恩”，
"Paco",，
“卢克”，
“玛吉”，
“Sacha”，
“德斯蒙德”，
“红宝石”，
“万达”，
“罗莎莉”，
“天使”，
“莱拉”，
“弗林”，
“安东尼”，
“茉莉花”，
“珍妮”，
“黛比”，
“基思”，
“搬运工”，
“弗朗西斯科”，
“哈维尔”，
“鲁道夫”，
];
风险值字母='ABCDEFGHIJKLMNOPRSTVWY'。拆分（''）；
风险值=[
“黑莓”，
“苹果”，
“橙色”，
“香蕉”，
“梨”，
“西瓜”，
“樱桃”，
“芒果”，
“葡萄”，
“苹果”，
“橙色”，
“哈密瓜”，
“草莓”，
“猕猴桃”，
‘菠萝’，
"石榴",，
];
var FROUTSAPI={
get：函数（回调）{
变量iter=30+Math.round（Math.random（）*50）；
var FROUTITER=3+Math.ceil（Math.random（）*4）；
var availFruits=采摘水果（果园）；
var-arr=[]；
对于（var i=0；iconsole.log(window.FruitasticApi);