「プロパティを分解できない」と反応する

ガブリエルマテイ

だから私は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;
hrgui

次の場合は、夏と冬の後にスペースを削除します。

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]

編集
0

コメントを追加

0

関連記事

分類Dev

「プロパティを分解できない」と反応する

分類Dev

計算されたプロパティを使用するときにVuex $ storeプロパティが反応しない

分類Dev

Vuexでオブジェクトのプロパティを更新するときにゲッターが反応しない

分類Dev

reduxから私のプロパティプロパティを読み取って反応できないのはなぜですか?

分類Dev

反応:深いプロパティを更新する方法?

分類Dev

反応中のオブジェクトの読み取り専用プロパティ「エクスポート」に割り当てることができないを解決するにはどうすればよいですか?

分類Dev

反応でレンダリングされないプロパティとして渡される変数

分類Dev

Jestテストに反応します。google jsapiで未定義のプロパティ「マップ」を読み取ることができません

分類Dev

依存関係が無限ループになるため、useEffectをプロパティと反応させます

分類Dev

反応酵素テスト、未定義のプロパティ「持っている」を読み取ることができません

分類Dev

反応酵素テスト、未定義のプロパティ「持っている」を読み取ることができません

分類Dev

undefinedのプロパティ 'navigation'を読み取ることができません-ネイティブに反応します

分類Dev

反応成分をプロパティとして渡さない理由はありますか?

分類Dev

画像で機能しないプロパティをストレッチする方法はネイティブに反応しますか?

分類Dev

反応の小道具として関数を渡す、未定義のプロパティ「編集」を読み取ることができません

分類Dev

反応の小道具として関数を渡します。未定義のプロパティ '_handleEvent'を読み取ることができません

分類Dev

反応でAPIを呼び出しているときに、未定義のプロパティ 'then'を読み取れません

分類Dev

特定のプロパティの状態を変更しないsetStateに反応する

分類Dev

なぜそれが私に '未定義のプロパティ' deleteProduct 'を読み取ることができません'エラー反応Js

分類Dev

react-router-dom4と反応します-未定義のプロパティ 'params'を読み取ることができません

分類Dev

未定義のプロパティ `.then`をaxiosで読み取ってアクションに反応することはできません

分類Dev

すべきでないときにアプリのリロードを反応させる

分類Dev

子供に渡すプロパティを反応させる

分類Dev

関数宣言で反駁できないパターンを持つタプルを分解することは可能ですか?

分類Dev

Redux Toolkitの問題、定義されていないため、プロパティを分解できません

分類Dev

プロパティのディープクローンが「未定義」を返すときに状態の検出を反応させる

分類Dev

ネイティブプロジェクト全体をネイティブUIと反応するネイティブで使用できますか?

分類Dev

反応ネイティブで#<Object>のプロパティ 'props'を読み取り専用に割り当てることはできません

分類Dev

反応フックを使用するときにプロパティの変更を親コンポーネントに通知するにはどうすればよいですか?

Related 関連記事

  1. 1

    「プロパティを分解できない」と反応する

  2. 2

    計算されたプロパティを使用するときにVuex $ storeプロパティが反応しない

  3. 3

    Vuexでオブジェクトのプロパティを更新するときにゲッターが反応しない

  4. 4

    reduxから私のプロパティプロパティを読み取って反応できないのはなぜですか?

  5. 5

    反応:深いプロパティを更新する方法?

  6. 6

    反応中のオブジェクトの読み取り専用プロパティ「エクスポート」に割り当てることができないを解決するにはどうすればよいですか?

  7. 7

    反応でレンダリングされないプロパティとして渡される変数

  8. 8

    Jestテストに反応します。google jsapiで未定義のプロパティ「マップ」を読み取ることができません

  9. 9

    依存関係が無限ループになるため、useEffectをプロパティと反応させます

  10. 10

    反応酵素テスト、未定義のプロパティ「持っている」を読み取ることができません

  11. 11

    反応酵素テスト、未定義のプロパティ「持っている」を読み取ることができません

  12. 12

    undefinedのプロパティ 'navigation'を読み取ることができません-ネイティブに反応します

  13. 13

    反応成分をプロパティとして渡さない理由はありますか?

  14. 14

    画像で機能しないプロパティをストレッチする方法はネイティブに反応しますか?

  15. 15

    反応の小道具として関数を渡す、未定義のプロパティ「編集」を読み取ることができません

  16. 16

    反応の小道具として関数を渡します。未定義のプロパティ '_handleEvent'を読み取ることができません

  17. 17

    反応でAPIを呼び出しているときに、未定義のプロパティ 'then'を読み取れません

  18. 18

    特定のプロパティの状態を変更しないsetStateに反応する

  19. 19

    なぜそれが私に '未定義のプロパティ' deleteProduct 'を読み取ることができません'エラー反応Js

  20. 20

    react-router-dom4と反応します-未定義のプロパティ 'params'を読み取ることができません

  21. 21

    未定義のプロパティ `.then`をaxiosで読み取ってアクションに反応することはできません

  22. 22

    すべきでないときにアプリのリロードを反応させる

  23. 23

    子供に渡すプロパティを反応させる

  24. 24

    関数宣言で反駁できないパターンを持つタプルを分解することは可能ですか?

  25. 25

    Redux Toolkitの問題、定義されていないため、プロパティを分解できません

  26. 26

    プロパティのディープクローンが「未定義」を返すときに状態の検出を反応させる

  27. 27

    ネイティブプロジェクト全体をネイティブUIと反応するネイティブで使用できますか?

  28. 28

    反応ネイティブで#<Object>のプロパティ 'props'を読み取り専用に割り当てることはできません

  29. 29

    反応フックを使用するときにプロパティの変更を親コンポーネントに通知するにはどうすればよいですか?

ホットタグ

アーカイブ