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

#reactjs #jsx

У меня этот компонент 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 ?

Вы не можете экспортировать объект напрямую — вы должны добавить к нему префикс типа объекта (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'