fetch data in table axios react code example
Example: how can we fetch data from api in using axios react
const users = data.map(u =>
{u.id}
{u.name}
{u.email}
{u.website}
{u.company.name}
)
this.setState({users})
import React, {Component} from 'react'
import axios from '../../axios'
export default class users extends Component {
constructor(props) {
super(props);
this.state = {
Users: []
};
}
getUsersData() {
axios
.get(`/users`, {})
.then(res => {
const data = res.data
console.log(data)
const users = data.map(u =>
{u.id}
{u.name}
{u.email}
{u.website}
{u.company.name}
)
this.setState({
users
})
})
.catch((error) => {
console.log(error)
})
}
componentDidMount(){
this.getUsersData()
}
render() {
return (
{this.state.users}
)
}
}