Question

我有一个在其自己的文件的组件中定义的数组，我想在另一个文件中使用该数组（或在同一文件中，但超出范围，如果这样做更有意义）。

array.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存储在结果变量中。

React：如何从另一个文件访问组件内部定义的数组？

1 个答案: