State & API call - MaximeMerrien/uniforceFrontEnd GitHub Wiki

  • Le STATE Les données récupérées via API ou stockage en dur, sont organisées dans le state de chaque composant :

        class App extends Component{
            constructor () {
                super()
                this.state = {
                // récupérer les données en initialisant un tableau 
                webpagedata : []
                }
            }
        }
    
  • exemple de données "en dur" data/gamersInfos.js

  • exemple appel API:

        // WIP for http request
        componentDidMount(){
            fetch("hhtfzfjzfnfzfo", {
                method:'POST',
                body:JSON.stringify({
                "kzfjzlfnfln":"fihhf"
                })
            }).then(res => res.json).then(data =>{
                this.setState(prevState => {
                webpagedata: data
                })
            })
        }