react如何获取option的下标和值_javascript - react中option标签如何确定selected？

问 题

我想在react中返回一组option，其中有一个option我想把他设置为selected，不知道如何实现。

大致代码

render() {

let items = ['a', 'b', 'c', 'd']

.map((fileName) => (

if(fileName == 'd'){

{fileName}

}else{

{fileName}

}

));

return (

onChange={this.onChooseLocale.bind(this)}

defaultValue={Settings.get('locales', 'en-US')}

>

{items}

);

}

不做判断的话，直接写

let items = ['a', 'b', 'c', 'd']

.map((fileName) => (

{fileName}

));

但是加了 if else 就不行了。

已经搞定了～ 不用判断if else， 只需要在option中加上value属性，

当属性和option的value相同时，就会自动显示

解决方案

jsx中select标签有value属性，当select的value与option的value相同时，那个option就是选中状态。所以你需要改的是state，而不是直接改dom

扫一扫关注IT屋

微信公众号搜索 “ IT屋 ” ，选择关注与百万开发者在一起