Fetch data from API

drvgao · web-flow · commit 5a86e5c204c6 · 2020-04-29T18:13:30.000+05:30
diff --git a/README.md b/README.md
@@ -505,6 +505,41 @@ function isJson(str) {
 }
 ```
 
+# Fetch data from API REACT
+``` REACT JS
+import React, {Component} from 'react'
+
+export default class StarWars extends Component {
+    constructor(){
+        super()
+        this.state = {
+            character: {},
+            isLoading: false
+        }
+    }
+
+    componentDidMount(){
+        this.setState({isLoading: true})
+        fetch("https://swapi.co/api/people/1")
+            .then(response => response.json())
+            .then(data => (
+                this.setState({
+                    isLoading: false,
+                    character: data
+                })
+            ))
+    }
 
+    
+    render(){
+        const text = this.state.isLoading ? "People data is loading..." : this.state.character.name
+        return(
+            <div>
+                <p>{text}</p>
+            </div>
+        )
+    }
+}
+```
 
 
