reactjs - 如何在功能组件的选择标签中使用 defaultValue?
问题描述
我有一个功能组件,其中包含一个带有几个选项的选择标签。
我想将汽车设置为默认值。
最初,我只是在汽车的选项中添加了 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>
推荐阅读
- angular - Angular:捕捉最后一次点击功能的时间
- reactjs - 如何在快递服务器上开始反应店面(moovweb)
- java - 如果您对一个对象进行了锁定,那么您是否对它的所有方法都进行了锁定?
- recursion - 在 F# 中是否可以使用递归部分函数?
- ios - 如何自动获取谷歌地方
- android - Couldn't send SMS from Activity , says "could not start conversation"
- sql - 如何将连接的列拆分为单独的列并使用数据?(VB.Net + SQL 管理工作室)
- reactjs - 将组件的层次结构与父级保持状态反应
- r - R:结合2个不同x长度的图
- haskell - haskell 将自定义数据列表转换为字符列表?