Json Data Sender in body : JSON.stringify(data)

 Json Data Sender in body : JSON.stringify(data)

// in Form

const [formData, setFormData] = useState({

        workername: "",

        workertype: "",

    });

calling : -

        body: JSON.stringify(formData),

// Without Form : - input field Direct

Type 1

const [workername, setWorkername] = useState();

const [workertype, setWorkertype] = useState();

console.log(workername, workertype);

calling : -

body: JSON.stringify({ "workername": workername, "workertype": workertype }),

<TextField

                required

                label="Worker Name"

                id='workername'

                type='text'

                value={workername}

                onChange={(e) => setWorkername(e.target.value)}

            />

Type 2

const [workername, setWorkername] = useState();

const [workertype, setWorkertype] = useState();

const data = {

            workername,

            workertype

            // Add more properties as needed

        };

calling : -

body: JSON.stringify(data),

<TextField

                required

                label="Worker Name"

                id='workername'

                type='text'

                value={workername}

                onChange={(e) => setWorkername(e.target.value)}

            />