问如何在REACTJS中创建嵌套的JSON请求

EN

import { Component } from "react";
import {Form, Row, Col, Button} from 'react-bootstrap';
import axios from 'axios';

class TimeCard extends Component {
    constructor(props) {
        super(props);
        this.state = {
            date : '',
            in : '',
            out : '',
            **employee : {
                id : ''**
            }
        }
    }

    handleChange = (e) => {
        this.setState({[e.target.name] : e.target.value});}

    async SubmitTime (e) {
        console.log(this.state);
        let response = axios.post('http://.../timecard/add', this.state);        
        console.log(response);
        console.log("this is executed");
    }

    render () {
        const {date, timein, out, **employee**} = this.state;
        return (
            <div>
            <br></br>
            <h2 className="display-6">Daily Timecard</h2>
            <Form>
            <br></br>
                <Row>
                    <div className = 'col-xs-4'>
                        <Col>
                            <**Form.Control onChange = {this.handleChange.bind(this)}  type = 'text' placeholder = 'Employee ID' name = 'id' value = {employee.id} />**
                        </Col>
                    </div>                     
                </Row>
                <br></br>
                <Row>
                <div className = 'col-xs-4'>
                        <Col>
                            <Form.Control onChange = {this.handleChange.bind(this)} type = 'date' name = 'date' value = {date} />
                        </Col>
                    </div>
                </Row>
                <br></br>
                <Row>
                    <div className = 'col-xs-4'>
                        <Col>
                            Time In <Form.Control onChange = {this.handleChange.bind(this)} type = 'time' name = 'in' value = {timein} />
                        </Col>
                    </div>
                    <div className = 'col-xs-4'>
                        <Col>
                            Time Out <Form.Control onChange = {this.handleChange.bind(this)} type = 'time' name = 'out'  value = {out}/>
                        </Col>
                    </div> 
                                        
                </Row>
                <br></br>
                <Row>
                <div>
                        <Col>
                            <Button onClick = {this.SubmitTime.bind(this)} >Submit Timecard</Button>
                        </Col>
                    </div>

                </Row>
            </Form>
            </div>
        )
    }
}

export default TimeCard;