Javascript 如何在数组中存储标签并使用React显示它们？

我有一个标签，我正在使用我在react中创建的表单。如何显示数组中的值并将其映射到或显示到标签。目前，标签文本是硬编码的

我创建了一个数组

const labels = [
   { label-one: 'text 1' },
   { label-one: 'text 2' }
]


<FormGroup>
    <FormControlLabel
      control={
        <Checkbox
          checked={checkOne}
          onClick={() => setCheckOne(!checkOne)}
          onChange={checkOne ? null : (event) => handleChange(event)}
          name="gilad"
        />
      }
      label="I would like to replace this text with either text 1 or text 2 thats stored in my array"
    />

const标签=[
{标签一：'文本1'}，
{标签一：“文本2'}
]
handleChange（事件）}
name=“吉拉德”
/>
}
label=“我想用存储在数组中的文本1或文本2替换此文本”
/>

您可以执行以下操作：

{
  labels.map(labelName => (
    <FormControlLabel
      control={
        <Checkbox
          checked={checkOne}
          onClick={() => setCheckOne(!checkOne)}
          onChange={checkOne ? null : (event) => handleChange(event)}
          name="gilad"
        />
      }
      label={labelName}
    />
  ))
}

{
labels.map（labelName=>(
handleChange（事件）}
name=“吉拉德”
/>
}
label={labelName}
/>
))
}

{
labels.map（label=>(
handleChange（事件）}
name=“吉拉德”
/>
}
label={label[“label one”]}
/>
))
}

你的意思是像

label={labels[“label one”]}

？

{
  labels.map(label => (
    <FormControlLabel
      control={
        <Checkbox
          checked={checkOne}
          onClick={() => setCheckOne(!checkOne)}
          onChange={checkOne ? null : (event) => handleChange(event)}
          name="gilad"
        />
      }
      label={label["label-one"]}
    />
  ))
}