我有一个功能组件,其中包含带有几个选项的select标记。我想将汽车设置为默认值。最初,我只是在汽车的选项中添加了selected,但是反应给了我一个警告,说我应该在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>