Commit5a86e5c

authored

Fetch data from API

1 parentc597a2e commit5a86e5cCopy full SHA for 5a86e5c

File tree

+35

-0

lines changed

+35

-0

lines changed

Lines changed: 35 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -505,6 +505,41 @@ function isJson(str) {`
`505`	`505`	`}`
`506`	`506`	```
`507`	`507`
	`508`	`+# Fetch data from API REACT`
	`509`	+```REACTJS
	`510`	`+importReact, {Component}from'react'`
	`511`	`+`
	`512`	`+exportdefaultclassStarWarsextendsComponent {`
	`513`	`+constructor(){`
	`514`	`+super()`
	`515`	`+this.state= {`
	`516`	`+ character: {},`
	`517`	`+ isLoading:false`
	`518`	`+ }`
	`519`	`+ }`
	`520`	`+`
	`521`	`+componentDidMount(){`
	`522`	`+this.setState({isLoading:true})`
	`523`	`+fetch("https://swapi.co/api/people/1")`
	`524`	`+ .then(response=>response.json())`
	`525`	`+ .then(data=> (`
	`526`	`+this.setState({`
	`527`	`+ isLoading:false,`
	`528`	`+ character: data`
	`529`	`+ })`
	`530`	`+ ))`
	`531`	`+ }`
`508`	`532`
	`533`	`+`
	`534`	`+render(){`
	`535`	`+consttext=this.state.isLoading?"People data is loading...":this.state.character.name`
	`536`	`+return(`
	`537`	`+<div>`
	`538`	`+<p>{text}</p>`
	`539`	`+</div>`
	`540`	`+ )`
	`541`	`+ }`
	`542`	`+}`
	`543`	+```
`509`	`544`
`510`	`545`

Comments

(0)