在React.js中选择带有编辑的列表

Question

当新用户注册时，我的表单中有一个选择列表。选择列表包含部门。

当用户单击编辑按钮时，选择列表会自动选择注册时选择的部门。编辑表单中的其他字段也会自动填写在文本框中，但选择列表不会自动选择该部门。

这是我尝试过的代码，但这并没有奏效，唯一的问题是自动选择列表项。

<div className="form-group">
     <label>Department Name </label>
     <select className="form-control" name="empDep" id="empDep" value={this.props.emp_dep }>
          {this.state.depsDropDown.map(dep =>
               <option key={dep.DepartmentID} value={dep.DepartmentID}>{dep.DepartmentName}</option>
           )}
     </select>
</div>