リアクトにアレイの上にマップすることはできません

NiceRice：

私は支柱を介してセグメント成分のアレイ（データ）を渡しています。しかし、私は、データの上にマッピングすることはできません。私はそれが本当に明らかに間違いだと確信していますが、私はちょうどそれを見ることはありません:(

import React from 'react'

    import SegmentLine from './SegmentLine'

    const Segment  = ({data})=>{

    console.log(data)

    return data && {data.map((line, i) => {
         return <SegmentLine key={i} data={line} />
    })}}
 }

export default Segment

console.logはこれです：

すべてのヘルプは大歓迎です！前もって感謝します ：）

フェリペ・ロレンソ：

まず、私はあなたが、輸出前に余分なカールブレースを持っていると思う。\

第二に、あなたはdata.map間のカール括弧を削除する必要があります。

return (
  data &&
  data.map((line, i) => {
    return <SegmentLine key={i} data={line} />
  })

）