Синтаксис JSX для экспорта массива

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

Вы не можете экспортировать объект напрямую - вам нужно добавить префикс к типу объекта (const или function или default):

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'

Справочник по экспорту: https://developer.mozilla.org/en-US/docs/web/javascript/reference/statements/export