Javascript 嵌套组件中的第一个循环索引被误读

我需要循环一组问题，然后创建一个组件，并根据第一个循环的索引对其进行更新。第一个映射的索引在第5行的文本组件中读取正确，但在TwoModals组件中的任何位置读取错误

{
  questionsSets.map((q, qIndex) => {
    return (
      <View>
        <Text style={{ color: 'green' }}>INDEX: {qIndex}</Text>
        <TwoModals
          firstModalVisible={modalLevelVisible}
          setFirstModalVisibility={(modalView) => setModalLevelVisible(modalView)}
          firstModalTitle={"Select Level: "}
          firstModalSelected={modalLevelSelected[qIndex]}
          firstItemValue={props.QuestionsTitles.map((item, index) => {
            return (
              <Pressable onPress={() => changeLevel(item, qIndex, index)}>
                <Text style={[GlobalStyles.smallText, { padding: hp('0.5%') }]}>{item[0]}</Text>
              </Pressable>
            )
          })}
          secondModalVisible={modalSubLevelVisible}
          setSecondModalVisibility={(modalView) => setModalSubLevelVisible(modalView)}
          secondModalTitle={'Sub-Level:'}
          secondModalSelected={modalSubLevelSelected[qIndex]}
          secondItemValue={props.QuestionsTitles[selectedLevelIndex[qIndex]][1].map((item, index) => {
            return (
              <Pressable onPress={() => changeSubLevel(item, qIndex, index)}>
                <Text style={[GlobalStyles.smallText, { padding: hp('0.5%') }]}>{item}</Text>
              </Pressable>
            )
          })}
        />
      </View>
    )
  })
}

{
问题集。地图（（q，qIndex）=>{
返回(
索引：{qIndex}
setModalLevelVisible（modalView）}
firstModalTitle={“选择级别：”}
firstModalSelected={ModalElevelSelected[qIndex]}
firstItemValue={props.QuestionsTitles.map（（项目，索引）=>{
返回(
变更级别（项目、索引、索引）}>
{item[0]}
)
})}
secondModalVisible={modalSubLevelVisible}
setSecondModalVisibility={（modalView）=>setModalSubLevelVisible（modalView）}
secondModalTitle={'Sub-Level:'}
secondModalSelected={modalSubLevelSelected[qIndex]}
secondItemValue={props.QuestionsTitles[selectedLevelIndex[qIndex]][1]。地图（（项目，索引）=>{
返回(
changeSubLevel（项目、索引、索引）}>
{item}
)
})}
/>
)
})
}