Convert const array in function React-CodePudding

How to transform the "const itemsProject" below into a "function ItemsProject" with the same return?

function onClick(e, item) {}

const itemsProject = [
 {
  name: 'companies',
  label: translate('sidebarProjectCompanies'),
  Icon: CompanyIcon,
  path: '/project/:id/companies',
  onClick,
 }
 {
  name: 'currencies',
  label: translate('sidebarProjectCurrencies'),
  Icon: CurrencyIcon,
  path: '/project/:id/currencies',
  onClick,
 }
];

export default itemsProject;

I thank you for your help!

CodePudding user response：

Declare the function and return the same array.

function onClick(e, item) {}

function itemsProject() {

 return [
    {
       name: 'companies',
       label: translate('sidebarProjectCompanies'),
       Icon: CompanyIcon,
       path: '/project/:id/companies',
       onClick,
     }
     {
       name: 'currencies',
       label: translate('sidebarProjectCurrencies'),
       Icon: CurrencyIcon,
       path: '/project/:id/currencies',
       onClick,
     }
   ];
}

CodePudding user response：

To get the data from a function and export it, you can use the following code:

function onClick(e, item) {}

function itemsProject() {
  return  [
   {
    name: 'companies',
    label: translate('sidebarProjectCompanies'),
    Icon: CompanyIcon,
    path: '/project/:id/companies',
    onClick,
   }
   {
    name: 'currencies',
    label: translate('sidebarProjectCurrencies'),
    Icon: CurrencyIcon,
    path: '/project/:id/currencies',
    onClick,
   }
 ]
};

export default itemsProject;

Use it in other files as:

import itemsProject from "/path/of/file";


itemsProject();