Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/430.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript:导出包含引用函数的对象的数组_Javascript_Arrays_Reactjs_Function_Object - Fatal编程技术网

Javascript:导出包含引用函数的对象的数组

Javascript:导出包含引用函数的对象的数组,javascript,arrays,reactjs,function,object,Javascript,Arrays,Reactjs,Function,Object,我使用一个数组来填充一个设置页面,一些按钮附带了一些功能 这是我想做的。 在一个文件中,导出包含引用同一文件中函数的对象的数组 或 导出一个类,然后从该类中访问数组,引用该类中的函数 //导入文件 从“/Settings”导入设置; console.log(Settings.settingsArray); //导出文件 export const settingsArray = [ { title: " ", data: [ { title: "E

我使用一个数组来填充一个设置页面,一些按钮附带了一些功能

这是我想做的。 在一个文件中,导出包含引用同一文件中函数的对象的数组 或 导出一个类,然后从该类中访问数组,引用该类中的函数

//导入文件

从“/Settings”导入设置;
console.log(Settings.settingsArray);
//导出文件

export const settingsArray = [
  {
    title: " ",
    data: [
      {
        title: "Export data",
        func: this.exportData
      }
    ]
  },
  {
    title: " ",
    data: [
      { 
        title: "Set custom code",
        func: this.showDialog
      },
    ]
  }
]

exportData = () => {
    // some code
};

showDialog = () => {
    // some code
};

在使用函数之前,删除
this
关键字并创建函数:

const exportData = () => {
    // some code
};

const showDialog = () => {
    // some code
};

export const settingsArray = [
  {
    title: " ",
    data: [
      {
        title: "Export data",
        func: exportData
      }
    ]
  },
  {
    title: " ",
    data: [
      { 
        title: "Set custom code",
        func: showDialog
      },
    ]
  }
];

或者将它们声明为
函数
s并利用提升。

在使用它们之前,删除
关键字并创建函数:

const exportData = () => {
    // some code
};

const showDialog = () => {
    // some code
};

export const settingsArray = [
  {
    title: " ",
    data: [
      {
        title: "Export data",
        func: exportData
      }
    ]
  },
  {
    title: " ",
    data: [
      { 
        title: "Set custom code",
        func: showDialog
      },
    ]
  }
];

或者将其声明为
功能
s,并利用提升。

您的问题是什么?您遇到了什么问题?
未提及此范围内的任何有用内容
exportData
应该已经存在,以便在数组中引用。它应该在没有
的情况下引用此
。好吧,我曾经有一个完整的设置树,每个功能都在一个上下文中提供给整个应用程序。它工作得很好,除了不好的做法,直到我尝试使用JSON.stringify保存以响应本机异步存储,因为它不喜欢函数。所以我试着把它放在一个单独的文件中,现在我只需要找出如何从该文件连接到上下文。你的问题到底是什么?您遇到了什么问题?
未提及此范围内的任何有用内容
exportData
应该已经存在,以便在数组中引用。它应该在没有
的情况下引用此
。好吧,我曾经有一个完整的设置树,每个功能都在一个上下文中提供给整个应用程序。它工作得很好,除了不好的做法,直到我尝试使用JSON.stringify保存以响应本机异步存储,因为它不喜欢函数。所以我试图把它放在一个单独的文件中,现在我只需要找出如何从该文件连接到上下文。