TypeError: produits.map is not a function

Anohjp — Thu, 05 Dec 2019 12:07:16 +0000

Hi all

I'm new in react js. I followed this tuto "https://pusher.com/tutorials/consume-restful-api-react" and i tried to adapt for me.
here is my code content:

file App.js
import React, {Component} from 'react'; import logo from './logo.svg'; import './App.css'; import './bootstrap.min.css'; import Produits from './components/produits';

class App extends Component{

render(){
return(

)
}

state = {
produits : []
};

componentDidMount(){
fetch('https://servitis.com/apirest_php/actions/read.php')
.then(res => res.json())
.then((data) => {
this.setState({ produits: data })
})
.catch(console.log)
}

}

export default App;

File Produits.js
import React, {Component} from 'react'; import logo from './logo.svg'; import './App.css'; import './bootstrap.min.css'; import Produits from './components/produits';

class App extends Component{

render(){
return(

)
}

state = {
produits : []
};

componentDidMount(){
fetch('https://servitis.com/apirest_php/actions/read.php')
.then(res => res.json())
.then((data) => {
this.setState({ produits: data })
})
.catch(console.log)
}

}

export default App;

After compiation, here is error genereted : TypeError: produits.map is not a function

So, i need your held.
Thank you!

DEV Community: Anohjp

TypeError: produits.map is not a function