Javascript 在ReactJS中导出Object.prototype.functions

如何将此方法导出到另一个React组件

  // utils.js 

   Array.prototype.last_element = function() {
       const last_index = this.length-1;
       return this[last_index];
    };

    export default ... ? 

---

您不需要导出。只需在main.jsx中导入文件

// main.jsx
import "./utils.js";

---

---

但是，由于您使用的是React，您只需在App.tsx或index.tsx中导入utils.js一次，因为您的主要目的是定义阵列原型。您不需要导出。只需在main.jsx中导入文件

// main.jsx
import "./utils.js";

---

---

但是，由于您使用的是React，您只需要在App.tsx或index.tsx中导入utils.js一次，因为您的主要目的是定义阵列原型。

您不需要导入任何特定的名称，只要该模块加载在您的App

阵列中的任何位置。原型

得到修补。为了澄清，您不必导入这个函数，因为它是全局函数，这也是为什么修改globals-us被认为是不好的形式。你应该导入你使用的函数，所以你不应该像这样分配给数组。prototype。你不需要导入任何特定的名称，只要该模块加载在你的应用程序数组中的任何地方。prototype得到修补。为了澄清这一事实，你不必导入该函数，因为它是全局的，这也是为什么修改globals被认为是不好的形式。你应该导入你使用的函数，所以你不应该像这样分配给

Array.prototype

。这个链接将帮助你详细了解-他正在修改一个全局对象，为什么他需要导出/导入它？如果定义数组原型的utils.js没有导入到任何地方，然后导入该文件是必要的链接答案似乎充分解决了这个问题。它可能只是被标记为重复。如果在应用程序中的任何位置从该文件中只导入了一个变量/方法，则将修改

数组

原型。即使在该文件中，任何地方都没有导出/导入任何内容，并且只发生原型突变，也许更好的建议是将其移动到某个

App.tsx

文件或

索引中。此链接将帮助您详细了解-他正在修改全局对象，为什么他需要导出/导入它？如果定义了阵列原型的utils.js没有导入到任何地方，那么导入该文件是必要的。链接的答案似乎充分解决了这个问题。它可能只是被标记为重复。如果在应用程序中的任何位置从该文件中只导入了一个变量/方法，则将修改
数组
原型。即使在该文件中，任何地方都没有导出/导入任何内容，并且只发生原型变异，也许更好的建议是将其移动到某个
App.tsx
文件或
索引中。