Ionic framework 在React/Ionic 5中设置离子选择的默认值

我用Ionic 5创建了一个React应用程序，我想设置表单中显示的select元素的默认值

，但我需要在反应中这样做

这是我的选择代码：

    <IonSelect id="category" name="group" ref={register}>
      <IonSelectOption key="noGroup" value="noGroup">No group</IonSelectOption>
      <IonSelectOption key="addTerm" value="addTerm">Add a group</IonSelectOption>
      {
        termList.map((item) => (
          <IonSelectOption key={item.id} value={item.id}>{item.name}</IonSelectOption>
        ))
      }
    </IonSelect>

无组
添加组
{
termList.map（（项目）=>(
{item.name}
))
}

我想在加载页面时将此选择的默认值设置为

noGroup

。我该怎么做

---

没有这方面的任何信息。

默认值在IonSelect标记中指定为：

  <IonSelect id="category" name="group" ref={register} value={noGroup}>

您可以在文档中看到：

        <IonSelect value={hairColor} okText="Okay" cancelText="Dismiss" onIonChange={e => setHairColor(e.detail.value)}>
              <IonSelectOption value="brown">Brown</IonSelectOption>
              <IonSelectOption value="blonde">Blonde</IonSelectOption>
              <IonSelectOption value="black">Black</IonSelectOption>
              <IonSelectOption value="red">Red</IonSelectOption>
            </IonSelect>

setHairColor（e.detail.value）}>
棕色的
金发女郎
黑色
红色

另外，为了防止您还没有发现它，在右上角查看提供的示例的代码通常会有所帮助，您可以通过单击查看源代码来执行此操作