Saltar al contenido

axios.post en el ejemplo de código de react js

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)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *