javascript - 加载选项后选择元素上的默认值
问题描述
加载选项后有什么方法可以选择默认值?
this.state = { option: localStorage.getItem('option') }
// option = 'sm' | 'qt' | 'gy' | ...
render(){
const storeNames = {sm: 'San Miguel', qt: 'Quito', gy: 'Guayaquil' } // This comes from a remote database
return (
<select defaultValue={this.state.option} onChange={e => {
localStorage.setItem('option', e.target.value)
this.setState({ option: e.target.value}) }}>
{ Object.keys(storeNames).map(storeNameIndex => (
<option value={storeNameIndex} >{storeNames[storeNameIndex]}</option>
))}
</select>
)}
这段代码的问题是它总是选择第一个选项
解决方案
推荐阅读
- javascript - 如何根据 d3.js 中 api 的 json 数据进行编码?
- python - 具有多个相同字符实例的子字符串
- javascript - htmlUnit 在更长的 Javascript-Check 带宽后,文本输入未更新
- swift - 您如何使用核心定位让我在 Swift 所在位置 10 英里内的所有企业?
- azure - CI/CD 尝试从 Jenkins 部署到 AKS 失败
- linux - 如何使用 Bash 中的变量检查文件夹是否相同?
- node.js - Intellij IDEa Ultimate 是否支持 App Engine 中的 Node.js 部署?
- c++ - C++ 向量类定义
- html - 标题 1 导致 DIV 分开
- digital-ocean - 带有计数的 Terraform 模块不能有重复的元素