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',
    },
];

Answer 2

您无需从导出中返回函数。只需返回object。

export default {
    [
        {
            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'; // remove the curly brackets as you have a default export.

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

2 个答案: