无法在反应手风琴中映射一组对象

如何解决无法在反应手风琴中映射一组对象

我正在使用 axios 处理一些数据，并且我得到了一组对象，我想将这些对象映射到手风琴上。但我无法这样做。我该怎么办？为了访问 mainTitle 我做了部分。[0].mainTitle 但是在映射的情况下应该有什么？

"sections": [
      {
        "isLocked": false,"_id": "607ac29d24d10b74484c66e6","mainTitle": "bcgjh","description": "xnjgkh","contents": [
          {
            "_id": "607ac29d24d10b74484c66e7","typeOfContent": "document","title": "SampleDoc.pdf","description": "dfghj","value": "https://schooleumetry.blob.core.windows.net/school/5599120788317986-SampleDoc.pdf"
          }
        ]
      },{
        "isLocked": false,"_id": "607ac29d24d10b74484c66e7","mainTitle": "aaafadsh","description": "xnjgndsfkh","title": "SampleDoc1.pdf","description": "dfghjadkfalkdf","value": "https://schooleumetry.blob.core.windows.net/school/5599120788317986-SampleDoc1.pdf"
          }
        ]
      }
    ]

{sections.map((l,index)=>
        <Card style={{paddingBottom:'30px',border:'none'}}>

            <Accordion.Toggle as={Card.Header} eventKey={(l.number-1).toString()} >

                <h5 style={{position:'absolute',right:'20px'}}><HIoUtlineChevronDown></HIoUtlineChevronDown></h5>
                <h5><aifillUnlock style={{paddingBottom:'5px',fontSize:'30px'}}/> Lesson no. {index+1}</h5>
            </Accordion.Toggle>
                    <Accordion.Collapse eventKey={l._id}>
                <Card.Body>
                       <h6>{l.mainTitle}</h6>
                       <h6>{l.descritpion}</h6>
                </Card.Body>
            </Accordion.Collapse>
        </Card>
    )}```