如何從JavaScript的另一個文件導入數據/反應

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.