Estoy tratando de crear una aplicación web que carga el archivo y se adjunta el usuario actual en el archivo de modelo como una clave externa. Por alguna razón la solicitud get es ser eliminada, pero inicialmente no obtener la información necesaria.
handleSubmit = (e) => {
e.preventDefault();
axios.get('http://127.0.0.1:8000/core/current_user/', {
headers: {
Authorization: `JWT ${localStorage.getItem('token')}`,
}
}).then((user) => {
this.state.creator = user.data;
console.log(this.state.creator);
})
console.log(this.state.creator);
let form_data = new FormData();
form_data.append('creator', this.state.creator);
form_data.append('file', this.state.file);
form_data.append('title', this.state.title);
form_data.append('description', this.state.description);
axios.post('http://localhost:8000/core/posts/', form_data, {
headers: {
'Content-Type': 'multipart/form-data',
Authorization: `JWT ${localStorage.getItem('token')}`,
}
}).then(res => {
console.log(res.data);
}).catch(err => console.log(err))
};
La 1ª consola está devolviendo la información del usuario, pero la 2ª consola devuelve null. Cualquier ayuda será muy apreciada.