ReactJS fetch-无法读取未定义的属性“map”

我怎样才能把这个拿到 temp 和 icon 从…起 https://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20weather.forecast%20where%20woeid%20in%20(select%20woeid%20from%20geo.places(1)%20where%20text=%22auckland%22)&format=json&env=store://datatables.org/alltableswithkeys ?

这就是我目前所拥有的,但是 Unhandled Rejection (TypeError): Cannot read property 'map' of undefined 尝试从Yahoo Weather获取数据时。我已经研究了其他解决方案 'map' of undefined 但似乎没有人能解决我的问题。

import React, { Component } from 'react';

class Weather extends React.Component {
    constructor() {
        super();
        this.state = {
            temperature: [],
        };
    }
    componentWillMount() {

        fetch('https://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20weather.forecast%20where%20woeid%20in%20(select%20woeid%20from%20geo.places(1)%20where%20text%3D%22auckland%22)&format=json&env=store%3A%2F%2Fdatatables.org%2Falltableswithkeys')
            .then(results => {
                return results.json();
            }).then(data => {
                var temperature = data.results.map((temps) => {
                    return(
                        <span key={temps.results}>
                            {temps.condition.temp}
                        </span>
                    )
                })
                this.setState({temperature: temperature});
                console.log("state", this.state.temperature);
            })
    }

    render() {
        return ( 
            <div id="weather">
                <span>{this.state.temperature} &deg;C | {this.state.temperature} &deg;F</span>
            </div>
        )
    }    
}

export default Weather