Javascript 如何映射并将索引0设置为true，将其他索引设置为false onclick react JS

如何映射并将索引0设置为true，将其他索引设置为false onclick react js此映射函数显示所有票证的详细信息，其思想是当用户单击按钮显示每个票证的详细信息时，我如何根据票数返回按钮，然后单击“显示一张单一票证详细信息”，以便我如何操作请提供任何建议或解决方案

状态={
结果：[]，
成功：“成功”，
秀:假,，
};
ltenaryHandler=（）=>{
这是我的国家({
show:！this.state.show
});
};
render（）{
常量阿拉伯文=this.props.intl.locale=='ar'；
const result=this.state.result.map（（results，i）=>{
const departureDateApi=results.flight.travelSegment[0]。departureDate；
const DepartureDate=时刻（departureDateApi）.format（'DD/MM/yyyyy'）；
常量tripSegmentDuration=results.flight.travelSegment[0]。到达时间；
const newTripSegmentDuration=力矩（tripSegmentDuration）.format（'HH:mm:ss'）；
const DateOfFlight=results.flight.travelSegment[0]。出发时间；
常数DateOfFlightMomented=时刻（DateOfFlight）
.添加（0，‘小时’）
.格式（“LLL”）；
报税表（<
div键={
结果id
}
类名={
“集装箱”
} >
<
TogglePlus onClick={
（）=>这个。ltenaryHandler（一）
} > {
this.state.show&（<
div类名称={
“ltenaryHandler”
} >
<
预订确认/>
<
标题显示={
这是道具展示
}
测试={
i+1
}
/> <
部门信息键={
结果
}
显示={
这是道具展示
}
机场离港={
结果.flight.travelSegment[0]。出发机场=“”？
`${results.flight.travelSegment[0].出发机场}`:
`${results.flight.travelSegment[0]。出发机场}`。替换（//，'-'））
}
出发={
出发日期
}
分段持续时间={
新三段持续时间
}
/> <
FlightDetail/>
<
FlightInside alt={
“标志公司”
}
flightNumberPass={
results.flight.travelSegment[0]。aircraftName
}
PNR={
结果.flight.travelSegment[0].航空公司PNR
}
FlightOperator={
结果.flight.travelSegment[0]。airlineName
}
出发国家={
结果.flight.travelSegment[0].出发机场
}
到达国={
结果.flight.travelSegment[0].arrivalAirport
}
起飞日期={
光刻日期
}
机场={
结果.flight.travelSegment[0].出发机场
}
到达港口={
结果.flight.travelSegment[0].arrivalAirport
}
终端={
结果.flight.travelSegment[0].部门
}
到达终端={
results.flight.travelSegment[0]。arrivalTerminal
}
/> <
FlightConferences/>
<
包装阿拉伯文={
阿拉伯文
}
填充={
“5px 10px”
}
背景={
"d3d4"
} >
<
描述>{
`${this.props.intl.formatMessage({
id:“过境机场”，
})} `
}<
/包装器><
FlightDetail/>
<
FlightInside alt={
“标志公司”
}
flightNumberPass={
results.flight.travelSegment[0]。aircraftName
}
PNR={
结果.flight.travelSegment[0].航空公司PNR
}
FlightOperator={
结果.flight.travelSegment[0]。airlineName
}
出发国家={
结果.flight.travelSegment[0].出发机场
}
到达国={
结果.flight.travelSegment[0].arrivalAirport
}
起飞日期={
光刻日期
}
机场={
结果.flight.travelSegment[0].出发机场
}
到达港口={
结果.flight.travelSegment[0].arrivalAirport
}
终端={
结果.flight.travelSegment[0].部门
}
到达终端={
results.flight.travelSegment[0]。arrivalTerminal
}
/> <
FlightConferences/>
<
/div>
)
} <
/TogglePlus><
/div>
);
});
React提供了多种全面的解决方案，包括我认为您需要的手风琴。手风琴是一个单一的可折叠部分

有多种npm解决方案，包括默认的accordion和必须设置accordion的位置

或者，不使用节点模块，您的问题已得到回答