WeatherDetailScreen.js

import React from 'react';
import { StyleSheet, View, Text } from 'react-native';
const API_KEY = '{YOUR_API_KEY}';
const queryUrl = (city) => `api.openweathermap.org/data/2.5/weather?q=${city}&appid=${API_KEY}`;
// API 호출불가로 인한 temp defined error 해결
// API 수정

export default class WeatherDetailScreen extends React.Component {
    constructor(props) {
        super(props);

        this.state = {
            isLoading: true,
        };
    }
    componentDidMount() {
        const {
            route: {
                params: { city },
            },
        } = this.props;
        fetch(queryUrl(city))
            .then(response => response.json())
            .then(info => {
                console.log(info);
                this.setState({
                    ...info,
                    isLoading: false,
                });
            });
    }

    render() {
        const {
            route: {
                params: { city },
            },
            navigation,
        } = this.props;

        navigation.setOptions({ title: `Weather Information: ${city}` });

        if (this.state.isLoading) {
            return (
                <View style={styles.container}>
                    <Text>데이터를 불러오는 중입니다.</Text>
                </View>
            )
        }
        let celsius = this.state.main.temp - 273.15;
        return (
            <View style={styles.container}>
                <Text>온도: {celsius.toFixed(1)}</Text>
            </View>
        );
    }
}
const styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: '#fff',
    },
});