Reactjs 如何在功能组件的选择标记中使用defaultValue？

我有一个功能组件，它包含一个带有几个选项的select标记
我想将汽车设置为默认值。
最初，我只是在汽车的选项中添加了selected，但react给了我一个警告，说我应该在select标签中使用defaultValue。我在想我怎么能做到

提前谢谢

function ChooseOptions(props) {
  return (
    <div>
      <h2>Choose Options</h2>
      <label>
        New Only <input type="checkbox" />
      </label>

      <label
        htmlFor="selectType"
        style={{ display: "block" }}
        defaultValue="Cars"
      >
        Select Type
        <select id="selectType">
          <option value="all">All</option>
          <option value="cars">Cars</option>
          <option value="trucks">Trucks</option>
          <option value="convertibles">Convertibles</option>
        </select>
      </label>
    </div>
  );
}

功能选择选项（道具）{
返回(
选择选项
仅限新
选择类型
全部的
汽车
卡车
敞篷车
);
}

试试这个

您将在“onChange”道具中获得更改值

您可以通过传递“值”道具来设置值

  <select id="selectType" defaultValue="cars">
            <option value="all">All</option>
            <option value="cars">Cars</option>
            <option value="trucks">Trucks</option>
            <option value="convertibles">Convertibles</option>
        </select>

全部的
汽车
卡车
敞篷车

试试这个

您将在“onChange”道具中获得更改值

您可以通过传递“值”道具来设置值

  <select id="selectType" defaultValue="cars">
            <option value="all">All</option>
            <option value="cars">Cars</option>
            <option value="trucks">Trucks</option>
            <option value="convertibles">Convertibles</option>
        </select>

全部的
汽车
卡车
敞篷车