POST Requests
POST Requests
POST requests are used to create new resources on a server, such as registering a new user or submitting a form. This tutorial explains how to send POST requests in React Native.
Making a POST Request with Fetch
javascript
const response = await fetch('https://api.example.com/users', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ name: 'John', email: 'john@example.com' }),
});
const data = await response.json();
Making a POST Request with Axios
javascript
const response = await axios.post('https://api.example.com/users', {
name: 'John',
email: 'john@example.com',
});
Sending Form Data from a Screen
javascript
async function handleSubmit() {
try {
await axios.post('/register', { name, email, password });
Alert.alert('Success', 'Account created!');
} catch (error) {
Alert.alert('Error', 'Registration failed');
}
}
Setting Content-Type Headers
When sending JSON data, always set the Content-Type header to application/json to ensure the server correctly interprets the request body.
Handling Validation Errors from the Server
Many APIs return detailed validation error messages in the response body when a POST request fails, which should be parsed and displayed to help users correct their input.
javascript
catch (error) {
const message = error.response?.data?.message || 'Something went wrong';
Alert.alert('Error', message);
}
Conclusion
POST requests are essential for any feature involving user-generated data, such as registration forms, comments, or orders. Properly handling headers, validation errors, and success feedback ensures a reliable submission experience.
