Reactjs пост вложенный объект

Question

Я столкнулся с проблемой вложенных объектов с reactjs, и при чтении нескольких постов нужна помощь. Когда сообщение выполнено, вложенное имя под пользователем, типы не обновляются и, следовательно, не публикуется в API. Не могли бы вы указать мне правильное направление.

'' '

            this.state = {
                ID: ID,
                content: {
                    newID: newID,
                    User: {
                        Types: [{
                            Name: '',
                            FullName: '',
                            Role: RoleFlag
                        }]
                    }
                }
            }

changeHandler = e => {

        this.setState({ [e.target.name]: e.target.value })
}

submitHandler = e => {
        e.preventDefault()
        console.log(this.state)
        axios
            .post(url, this.state).then(response => {
                console.log(response)
            })
            .catch(error => {
                console.log(error)
            })
    }




            <div>
                <form onSubmit={this.submitHandler}>

<form>

                                            <input
                                                type="text"                                                                                              name="Name"
                                                value={this.state.content.User.Types.Name}
                                                onChange={(event) => this.setState({ Types: { ...this.state.content.User.Types, Name: event.target.value } })}
<Button type="submit">Submit</Button>
                                            </div>
                                        </form>

</form>
            </div >'''