Reactjs 无法从React引导选择读取输入

我正在使用React Bosstrap Select并编写代码来访问Select中的选项值

import React, {Component} from 'react';
import './App.css';
import {Form} from 'react-bootstrap';

class Race extends Component {

    constructor(props) {
        super(props);

        this.state = {
            race: 0
        };

        this.onSelectRace = this.onSelectRace.bind(this);
    }

    onSelectRace(e) {
        console.log(e);
        console.log(this.inputEl);
        this.setState({
            race: this.inputEl.value
        })
    }

    render() {
        return (
            <div>
                <h5>Race</h5>{this.state.race}
                <Form>
                    <Form.Group controlId="exampleForm.ControlSelect1">
                        <Form.Label>Select Race</Form.Label>
                        <Form.Control as="select"
                                      onChange={this.onSelectRace.bind(this)}
                                      inputRef={el => this.inputEl = el}>
                            <option value={1}>Human</option>
                            <option value={2}>Elfe</option>
                            <option value={3}>Nain</option>
                            <option value={4}>Halfling</option>
                            <option value={5}>Konizan</option>
                            <option value={6}>Neimada</option>
                        </Form.Control>
                    </Form.Group>
                </Form>
            </div>
        );
    }
}

export default Race;

import React，{Component}来自'React'；
导入“/App.css”；
从'react bootstrap'导入{Form}；
类竞赛扩展组件{
建造师（道具）{
超级（道具）；
此.state={
种族:0
};
this.onelectrace=this.onelectrace.bind（this）；
}
电子空间（e）{
控制台日志（e）；
console.log（this.inputEl）；
这是我的国家({
种族：this.inputEl.value
})
}
render（）{
返回(
种族{this.state.Race}
精选赛
this.inputEl=el}>
人类
小精灵
奈因
半身人
科尼赞
内马达
);
}
}
导出默认比赛；

---

我试图获取select输入并使用console.log打印它，但我的代码不起作用，在console日志中，它打印为未定义。如何获得此工作？

这些选择选项的值位于

e.target.value

中

下面是一个it工作的示例-

---

还有。如果您想打印人类和其他种族而不是1、2等，则必须将该值指定给您的选项，而不是1、2。

在OnElectrace Function中打印“e”这是什么。inputEl？还请添加component@AtinSinghAddedIs Bosstrap是一件事，还是说Bootstrap？