bendtherules/buildit-weather-app
1
0
Fork 0
mirror of https://github.com/bendtherules/buildit-weather-app.git synced 2026-08-18 13:42:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

Make app network data possibly undefined

Browse Source
This commit is contained in:
bendtherules
2018-03-30 05:53:44 +05:30
parent 5b64a6f730
commit c4a05e31c7
1 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/Components/Weather-App/App.tsx
+7 -4
View File
@@ -41,7 +41,7 @@ export interface Forecast5Days {
} }
export class WeatherApp extends React.Component { export class WeatherApp extends React.Component {
data: Forecast5Days; data: Forecast5Days | undefined = undefined;
componentDidMount() { componentDidMount() {
fetch('https://api.openweathermap.org/data/2.5/forecast?q=kolkata&appid=d65cee3c5866168080fa1c4177fdb4a8') fetch('https://api.openweathermap.org/data/2.5/forecast?q=kolkata&appid=d65cee3c5866168080fa1c4177fdb4a8')
@@ -53,6 +53,10 @@ export class WeatherApp extends React.Component {
}); });
} }
isDataLoaded():this.data is Forecast5Days {
}
render() { render() {
return ( return (
<div className="App"> <div className="App">
@@ -60,9 +64,8 @@ export class WeatherApp extends React.Component {
<img src={logo} className="App-logo" alt="logo" /> <img src={logo} className="App-logo" alt="logo" />
<h1 className="App-title">Welcome to React</h1> <h1 className="App-title">Welcome to React</h1>
</header> </header>
<p className="App-intro">
To get started, edit <code>src/App.tsx</code> and save to reload. {this.data!==undefined ? }
</p>
</div> </div>
); );
} }