Ошибка в компоненте React при рендере

Поскольку я новичок в ReactJS.

Что я делаю, так это когда я печатаю любое поле. Состояние должно быть обновлено в конкретном поле -

Поскольку это мой LoginComponet и настройка небольшой формы -

import React, { Component } from 'react';
import '../css/style.css';


export class LoginCompoent extends Component {

constructor(props) {
    super(props);
    this.state = {
        field: {
            phone: {
                value: '',
                validations: [],
                errors: []
            },
            password: {
                value: '',
                validations: [],
                errors: []
            }
        }
    };
    this.handelChangeEvent = this.handelChangeEvent.bind(this);
}

componentDidMount() {

}

handelChangeEvent(event) {

    this.setState({
        field: {
            [event.target.id]: {
                'value': event.target.value
            }
        }
    });
}

render() {
    console.info(this.state);

    return (
        <div className = "loginMainDiv" >
            <div className = "">
                <input className = "login_inp" placeholder = "Mobile Number"
                    value = {this.state.field.phone.value}
                    onChange = {this.handelChangeEvent}
                    type = "text" name = "phone" id = "phone"
                />
                <input className = "login_inp" placeholder = "Password"
                    value = {this.state.field.password.value}
                    onChange = {this.handelChangeEvent}
                    type = "password" name = "password" id = "password"
                />
                <button className = "login_btn" >Login Safely</button>
            </div>
        </div>
    );
}

}

Ожидаемый результат - на console.info(this.state);

когда я набираю 9 в поле телефона -

      field: {
            phone: {
                value: '9',
                validations: [],
                errors: []
            },
            password: {
                value: '',
                validations: [],
                errors: []
            }
        }

Получение результата -

field: {
            phone: {
                value: '9'
            }
        }

Я не знаю, почему все поля внезапно скрываются, когда я обновляю только поле телефона. ?

Из-за этого пароль не задается в форме. ОШИБКА - this.state.field.password - это undefined ???