Question

var Dummy= React.createClass({
onSelect: function(e) {
   this.setstate({ selectedItem: e.currentTarget.value })
},
render: function() {
    return <select onChange={this.onSelect.bind(this)}>
             <option value="1">Item 1</option>
             <option value="2">Item 2</option>
             <option value="3">Item 3</option>
           </select>
    }
});

在上面的代码中，我试图将状态设置为从下拉列表中选择的当前项目。我知道一种简单的方法是e.currentTarget.value，但它会返回所点击项目的value。我想要内部文本（即第1项，第2项等）

我怎样才能做到这一点？

Answer 1

只需使用text：

即可

this.setstate({ selectedItem: e.target.options[e.target.selectedIndex].text })

setState到从下拉列表

1 个答案: