diff --git a/14_Day_Component_Life_Cycles/14_component_life_cycles.md b/14_Day_Component_Life_Cycles/14_component_life_cycles.md index fb00594..2d2e69a 100644 --- a/14_Day_Component_Life_Cycles/14_component_life_cycles.md +++ b/14_Day_Component_Life_Cycles/14_component_life_cycles.md @@ -275,7 +275,7 @@ class App extends Component { componentDidMount() { console.log('I am componentDidMount and I will be last to run.') - const API_URL = 'https://restcountries.eu/rest/v2/all' + const API_URL = 'https://restcountries.com/v3.1/all' fetch(API_URL) .then((response) => { return response.json() @@ -300,16 +300,16 @@ class App extends Component {

There are {this.state.data.length} countries in the api

{this.state.data.map((country) => ( -
-
- {' '} - {country.name}{' '} -
-
-

{country.name}

-

Capital: {country.capital}

-

Population: {country.population}

-
+
+
+ {' '} + {country.name.official}{' '} +
+
+

{country.name.common}

+

Capital: {country.capital}

+

Population: {country.population}

+
))}
diff --git a/14_Day_Component_Life_Cycles/14_component_life_cycles_boilerplate/src/index.js b/14_Day_Component_Life_Cycles/14_component_life_cycles_boilerplate/src/index.js index b9f802e..948074b 100644 --- a/14_Day_Component_Life_Cycles/14_component_life_cycles_boilerplate/src/index.js +++ b/14_Day_Component_Life_Cycles/14_component_life_cycles_boilerplate/src/index.js @@ -13,7 +13,7 @@ class App extends Component { componentDidMount() { console.log('I am componentDidMount and I will be last to run.') - const API_URL = 'https://restcountries.eu/rest/v2/all' + const API_URL = 'https://restcountries.com/v3.1/all' fetch(API_URL) .then((response) => { return response.json() @@ -34,10 +34,11 @@ class App extends Component {
{' '} - {country.name}{' '} + {country.name.official}{' '}
-

{country.name}

+

{country.name.common}

+

Capital: {country.capital}

Population: {country.population}