您可以在更改时将值存储在某个状态中，并在以后使用，即使其成为受控组件

class App extends React.Component {
constructor() {
super();
    this.state = {selectValue: ''}
    }
    callThis = (e) => {
        this.setState({selectValue: e.target.value}, ()=> {console.log(this.state.selectValue)});
        
    }
    render() {
    
      return (
          <select onChange={this.callThis}className="form-control" id="ntype" required >
              <option value = "">None</option>
              <option value = "1">1</option>
              <option value = "2">2</option>
              <option value = "3">3</option>
          </select>
         
      )
    }
}
ReactDOM.render(<App/>, document.getElementById('app'));

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>
<div id="app"></div>

或者，您可以使用refs来获取如下所示的值
一个二个一个一个

我将为每个元素指定一个值，并为select元素指定onChange处理程序，如下所示

<select className="form-control"onChange={this.onChange.bind(this)}>
    <option value="">None</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>

并定义一个设置选择状态的onChange处理程序

onChange(e){
    this.setState({value: e.target.value}, function(){

    // do other stuff

});

}

如果使用React功能组件，则可以执行以下操作。

import { useState, useRef } from 'react';

...

  const selectRef = useRef(null)
  <select className="form-control" id="ntype" required ref={selectRef}>
      <option value = "">None</option>
      <option value = "1">1</option>
      <option value = "2">2</option>
      <option value = "3">3</option>
  </select>

那么您可以通过以下方式访问提交逻辑中的值：
selectRef.current.value

您可以只使用onChange函数来设置Ref的值。例如：

<select className="form-control" id="ntype" required onChange={e => {yourRef.current = e.target.value}} >
      <option value = "">None</option>
      <option value = "1">1</option>
      <option value = "2">2</option>
      <option value = "3">3</option>
  </select>