Ejemplo 1: axios js y react
importReactfrom'react';importaxiosfrom'axios';exportdefaultclassPersonListextendsReact.Component
state =
persons:[]componentDidMount()
axios.get(`https://jsonplaceholder.typicode.com/users`).then(res=>const persons = res.data;this.setState( persons );)render()return(<ul>this.state.persons.map(person=><li>person.name</li>)</ul>)
Ejemplo 2: los axios reaccionan
$ npm install react-axios
Ejemplo 3: cómo usar axios get
constreq=async()=>const response =await axios.get('https://dog.ceo/api/breeds/list/all')console.log(response)req()// Calling this will make a get request and log the response.
Ejemplo 4: método de publicación de react axios
importReactfrom'react';importaxiosfrom'axios';exportdefaultclassPersonListextendsReact.Component
state =
name:'',handleChange=event=>this.setState( name: event.target.value);handleSubmit=event=>
event.preventDefault();const user =
name:this.state.name;
axios.post(`https://jsonplaceholder.typicode.com/users`, user ).then(res=>console.log(res);console.log(res.data);)render()return(<div><form onSubmit=this.handleSubmit><label>PersonName:<input type="text" name="name" onChange=this.handleChange/></label><button type="submit">Add</button></form></div>)
Aquí tienes las comentarios y puntuaciones
Si estás de acuerdo, tienes la libertad de dejar una noticia acerca de qué le añadirías a esta noticia.
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)