Reactで動的なものをつくる

---

objectのkeyを[ ]に入れる

---

コード

    const apple = {
      name: 'apple',
      color: 'red',
      season: 'winter'
    }

    const food = {
      fruits: apple,
      vegetables: {
        name: 'tomato',
        color: 'red',
        season: 'summer'
      } // もちろんこれもいける
    }

    const type = 'fruits' // ここに動的に値が入るようにすればOK
    console.log(food[type])
    // >> {name: 'apple', color: 'red', season: 'winter'}

    console.log(food['vegetables'].name) // これもいける
    // >> tomato
   

---

参考資料