Javascript 无法读取属性'；价值'；模态弹出窗口上未定义错误的定义

我是一个新的反应，并试图实现这个代码。然而，我得到了这个错误：

handleSubmit
D:/React/employee-app/src/components/AddDepModal.js:14
  11 |    handleSubmit(event){
  12 |        event.preventDefault();
  13 | 
> 14 |        alert(event.target.DeptartmentName.value);
     | ^  15 |    }
  16 | 
  17 | 
View compiled

我试图让警报功能继续运行，点击我的模态弹出按钮

我正在使用“提交”按钮从文本中获取值

代码如下：

export class AddDepModal extends Component{
    constructor(props){
    super(props);
    }


    handleSubmit(event){
        event.preventDefault();

        alert(event.target.partmentNameo.value);
    }


render(){
    return(
        <Modal
      {...this.props}
      size="lg"
      aria-labelledby="contained-modal-title-vcenter"
      centered
    >
      <Modal.Header closeButton>
        <Modal.Title id="contained-modal-title-vcenter">
          Add Department
        </Modal.Title>
      </Modal.Header>
      <Modal.Body>
        <div className="container">
            <Row>
                <Col sm={6}>
                    <Form onSubmit={this.handleSubmit}>
                      <Form.Group controlId="DepartmentName">
                          <Form.Label>Department Name</Form.Label>
                          <Form.Control
                              type = "text"
                              name="DepartmentName"
                              required
                              placeholder="Department Name"
                              />
                      </Form.Group>
                      <Form.Group>
                          <Button variant="primary" type ="submit">
                              Add Department
                          </Button>
                      </Form.Group>
                    </Form>
                </Col>
                </Row>
        </div>
      </Modal.Body>
      <Modal.Footer>
        <Button variant= "danger" onClick={this.props.onHide}>Close</Button>
      </Modal.Footer>
    </Modal>
    );
}}

export default AddDepModal;

导出类AddDepModal扩展组件{
建造师（道具）{
超级（道具）；
}
handleSubmit（事件）{
event.preventDefault（）；
警报（event.target.partmentNameo.value）；
}
render（）{
返回(
添加部门
部门名称
添加部门
接近
);
}}
导出默认的adddepmodel；

---

这应该行得通，但我不明白为什么不行。请提供帮助。

更改

警报（event.target.departmentname.value）到
警报（event.target.DepartmentName.value）
更改
警报（event.target.departmentname.value）到
警报（event.target.DepartmentName.value）
你在
部门名称中有一个输入错误
哦，难怪！感谢您指出，您在
DepartmentName
中有一个打字错误，这也难怪！谢谢你指出这一点