Реакция: Как мне получить доступ к массиву, определенному внутри компонента, из другого файла?

Question

У меня есть массив, который определен в компоненте в его собственном файле, и я хотел бы использовать этот массив в другом файле (или в том же файле, но вне его, если это будет иметь больше смысла).

массив. js

const Container = ({ results }) => {
  const arrayCreated = results.map(
    (a: { keyword: string }) => ({
      label: a.keyword,
      value: a.keyword
    }))
  console.log(arrayCreated);
  return arrayCreated;
} 

export default Container;

console.log() выше показывает массив, как предполагалось.

Я пытаюсь понять, как я могу использовать arrayCreated по-разному в других файлах:

main. js

import Container from './array.js'

// example 1 

const promiseOptions = () =>
  new Promise(resolve => {
    setTimeout(() => {
      resolve(arrayCreated);
    }, 1000);

// example 2 

<select options={arrayCreated} />

Я пробовал множество различных комбинаций, но пока ничего не получалось. Любая помощь будет оценена!

Answer 1

Прежде всего в вашем коде есть некоторая синтаксическая ошибка.

Чтобы получить внутреннюю переменную, вам нужно выполнить функцию Container

const result = Container(input);, чтобы сохранить arrayCreated в переменной результата.