import React from 'react';

const seasonConfig = {
    summer: {
        text: 'lets hit the beach',
        iconName: 'sun'
    },
    winter: {
        text: 'Burr it is cold',
        iconName: 'snowflake'
    }
};

const getSeason = (lat, month) => {
    if (month > 2 && month < 9){
        return lat > 0 ? 'Summer' : 'Winter';
    } else {
        return lat > 0 ? 'Winter' : 'Summer';
    }
};

// Ternary Expression 
const SeasonsDisplay = props => {
    const season = getSeason(props.lat, new Date().getMonth());
    const {text, iconName } = seasonConfig[season];

    return (
        <div>
            <i className={`${iconName} icon`} />
                {text}
            <i className={`${iconName} icon`} />
        </div>
    ); 
};

export default SeasonsDisplay;

我尝试将选项提取到 ReactJS 中的配置对象，该如何解决？ 错误：TypeError：无法获取未定义或空引用的属性“text”