だから私はReactを学ぼうとしています、そして私はチュートリアルに従っています、私は従い、そして私はチュートリアルのようにすべてをします、人は変更を保存してそれをコンパイルします、しかし私のものはこのエラーを出します: TypeError: Cannot destructure property 'text' of 'seasonConfig[season]' as it is undefined.
これが私がレンダリングしようとしているコンポーネントです:
import React from 'react';
const seasonConfig = {
summer: {
text: '',
iconName: 'sun'
},
winter: {
text: '',
iconName: 'snowflake'
}
};
const getSeason = (lat, month) => {
if (month > 2 && month < 9) {
return lat > 0 ? 'summer ' : 'winter';
} else {
return lat > 0 ? 'winter ' : 'summer';
}
};
const SeasonDisplay = (props) => {
const season = getSeason(props.lat, new Date().getMonth());
const { text, iconName } = seasonConfig[season];
return (
<div>
<i className={` massive ${iconName} icon`} />
<h1>{text}</h1>
<i className={` massive ${iconName} icon`} />
</div>
);
};
export default SeasonDisplay;
次の場合は、夏と冬の後にスペースを削除します。
const getSeason = (lat, month) => {
if (month > 2 && month < 9) {
return lat > 0 ? 'summer' : 'winter'; // 'summer ' => 'summer'
} else {
return lat > 0 ? 'winter' : 'summer'; // 'winter ' => 'winter'
}
};
または、本当にスペースが必要な場合は、それも可能ですseasonConfig[season.trim()]
。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加