Reactjs TypeError:无法获取属性'；文本'；指未定义的或空的引用 从“React”导入React； 常量季节配置={ 夏季：{ 文字：“让我们去海滩吧”， 我的名字是：“太阳” }, 冬季：{ 文字：“Burr，天气很冷”， 我的名字是：“雪花” } }; const getseasure=（纬度，月份）=>{ 如果（第2个月以上和第9个月以下）{ 返回lat>0？'Summer'：'Winter'； }否则{ 返回纬度>0？'Winter'：'Summer'； } }; //三元表达式 常量季节显示=道具=>{ const seasure=getseasure（props.lat，new Date（）.getMonth（））； const{text，iconName}=seasonConfig[season]； 返回( {text} ); }; 导出默认季节显示；

我试图在ReactJS中提取配置对象的选项如何解决？

---

错误：TypeError:无法获取未定义或空引用的属性“text”

seasonConfig[season]

期望

season

为小写

summer

或

winter

，但

getSeason

返回标题大小写

'summer'

或

'winter'

。如果让

getSeason

返回小写字符串，这应该可以解决您的问题。

const getSeason=（lat，month）=>{
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;

如果（第2个月以上和第9个月以下）{
返回纬度>0？“夏季”：“冬季”；
}否则{
返回纬度>0？“冬季”：“夏季”；
}
};

---

seasonConfig[season]希望使用较小的大小写——“summer”和“winter”

为避免此类打字错误，您可以始终执行此操作

seasonConfig[season.toLowerCase（）]

。

const getSeason = (lat, month) => {
  if (month > 2 && month < 9) {
    return lat > 0 ? "summer" : "winter";
  } else {
    return lat > 0 ? "winter" : "summer";
  }
};