如何在 javascript/react 中从另一个文件导入数据

Question

我想我可以做这样的事情：

export default () => {
    return [
        {
            text: 'Full-time',
            value: 'fulltime',
            key: 'fulltime'
        },
        {
            text: 'Part-time',
            value: 'parttime',
            key: 'parttime',
        },
        {
            text: 'Freelance',
            value: 'freelance',
            key: 'freelance',
        },
    ]
};

然后在我的组件中，我可以获取该数据以在下拉列表中使用，如下所示：

import { positionTypeOptions } from '../components/data/PositionTypes';

<Form.Select label="&nbsp;" placeholder="Type" options={positionTypeOptions} width={3} />

但是数据似乎没有导出。数据未定义。有什么想法可以做到这一点吗？我想返回一个数组以在另一个组件中使用。

Answer 1

您默认导出匿名函数。尝试这个：

export const positionTypeOptions = [
    {
        text: 'Full-time',
        value: 'fulltime',
        key: 'fulltime'
    },
    {
        text: 'Part-time',
        value: 'parttime',
        key: 'parttime',
    },
    {
        text: 'Freelance',
        value: 'freelance',
        key: 'freelance',
    },
];