Question

我有这个JSX组件正常工作：

import React from 'react'

const o = [1, 2]

export const ls = o.map((n, index) => 
  <li key={index}>{n}</li>
)

为了更好地理解JSX语法，我对它进行了版本化，但没有成功，因为export的结果是意外令牌：

import React from 'react'

const o = [1, 2]

const ls = o.map((n, index) => 
    <li key={index}>{n}</li>
)

export ls

是否有任何方法可以独立于export映射数组？

Answer 1

您不能直接导出对象-您必须在对象类型（常量，函数或默认值）之前添加前缀：

export default ls
// to import use:
import ls from './myfile.jsx'

或

export const ls = o.map(...)
// to import use:
import { ls } from './myfile.jsx'

甚至

const ls = o.map(...)
export { ls }
// import with
import { ls } from './myfile.jsx'