Tengo un archivo llamado check-rates que contiene algunos useStates() que los usuarios ingresarán para que yo los ejecute y les devuelva un valor estimado para su envío mediante la API de DHL.

En mi servidor express de nodejs, intento acceder a estos useStates() con req.body pero cuando registro las constantes en la consola, siempre las obtengo como indefinidas. Necesito estos valores que ingresa el usuario para que la API se vuelva dinámica para cada cliente/usuario que usa mi sitio web y no valores fijos (como los tengo ahora).

¿Qué estoy haciendo mal?

aquí está mi código:

Verificar-Tasas.js:

 const [fromCountires,setFromCountries] = useState(""); const [fromCountriesCode,setFromCountriesCode] = useState(""); const [fromCountriesCapital,setFromCountriesCapital] = useState(""); const [fromPostalCode,setFromPostalCode] = useState(""); const [toCountries,setToCountries] = useState(""); const [toCountriesCode,setToCountriesCode] = useState(""); const [toCountriesCapital,setToCountriesCapital] = useState(""); const [weight,setWeight] = useState(""); const [data,setData] = useState(null); const getRateEstimate = () => { axios.get('http://localhost:3001/api/dhl').then(response => { console.log(response) setData(response.data); }).catch(e => { console.log(e) }); } return ( //example of how i am setting my needed useStates... <Form.Group controlId="exampleForm.ControlInput1"> <Form.Label className={'fw-bold'}>Weight</Form.Label> <Form.Control type="text" placeholder="" onChange={(e)=> { setWeight(e.target.value)}}/> </Form.Group> <button className={'btn-orange fw-bold py-2 px-3 px-4 rounded getRateBtn'} type={'submit'} onClick={getRateEstimate}> Check </button> )

Servidor NodeJS

índice.js:

 app.get('/api/dhl', (req, res) => { const accountNum = req.body.accountNum const fromCountriesCode = req.body.fromCountriesCode const fromCountriesCapital = req.body.fromCountriesCapital const toCountriesCode = req.body.toCountriesCode const toCountriesCapital = req.body.toCountriesCapital const weight = req.body.weight const plannedShippingDate = req.body.date const len = "5" const width = "5" const height = "5" const isCustomsDeclarable = 'false' const unitOfMeasurement = 'metric' console.log(weight)//logs undefined console.log(fromCountriesCapital)//logs undefined var options = { method: 'POST', url: 'https://express.api.dhl.com/mydhlapi/test/rates', headers: { 'postman-token': '', 'cache-control': 'no-cache', authorization: 'Basic AUTH', 'content-type': 'application/json' }, body: { customerDetails: { shipperDetails: { postalCode: '19010', cityName: 'Dubai',//need this countryCode: 'BH',//need this addressLine1: '0' },//end Shipper DETAILS receiverDetails: { postalCode: '76321', cityName: 'Riyadh',//need this addressLine1: '0', countryCode: 'SA' }//end Reciever DETAILS }, accounts: [ { typeCode: 'shipper', number: 'myAccountNumbeer' } ], plannedShippingDateAndTime: '2021-08-25T13:00:00GMT+00:00',//need thiss unitOfMeasurement: 'metric', isCustomsDeclarable: true, monetaryAmount: [ { typeCode: 'declaredValue', value: 10, currency: 'BHD' } ], requestAllValueAddedServices: false, returnStandardProductsOnly: false, nextBusinessDay: false, packages: [ { weight: 25, dimensions: { length: 5, width: 5, height: 5 } } ] }, json: true }; request(options, function (error, response, body) { if (error) throw new Error(error); res.send(body) console.log(body); }); });