0
247
Vistas¿Es esta la forma correcta de obtener datos mientras usine usestate hooks? uso usestate hook pero no sé si esta es la forma correcta de obtener datos
acabo de escribir el código y obtener datos de estado de uso como ese porque no encontré alguna fuente de cómo hacerlo en la sección de formulario que uso onChange={event => setFirstName(event.target.value)} No sé dónde es el problema porque los datos no aparecieron en la base de datos
function OrderCP(props) { const [firstName, setFirstName] = useState(''); const [lastName, setLastName] = useState(''); const [email, setEmail] = useState(''); const [mobileNumber, setMobileNumber] = useState(''); const [adress, setAddress] = useState(''); const [city, setCity] = useState(''); const [size, setSize] = useState(''); const [quantity, setQuantity] = useState('1'); function onOrderSubmit () { fetch('http://localhost:3000/orderCP', { method: 'post', mode: 'cors', headers: {'Content-Type': 'application/json'}, body: JSON.stringify({ firstname: setFirstName, lastname:setLastName, email: setEmail, mobilenumber: setMobileNumber, adress: setAddress, city: setCity, size:setSize, quantity: setQuantity }) }) .then(response => response.json()) .then(user => { if (user.id) { return ( this.props.loadUser(user), <Link to ='/orderCP/orderCompletedCP' /> ) } }) }
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
los métodos "set" son funciones para establecer los valores de las variables useState.
Por ejemplo
const [firstName, setFirstName] = useState('')el estado de firstName es inicial una cadena vacía. Para establecer la variable que llamas
setFirstName('newString')después de eso, puede usar firstName para acceder al valor.
Deberías cambiar tu cuerpo
`body: JSON.stringify({ firstname: firstName, lastname:lastName, email: email, mobilenumber: mobileNumber, adress: address, city: city, size:size, quantity: quantity })`
·
Juan Pablo Isaza
Denunciar
Responde la pregunta