我創(chuàng)建了一個名為 Category 的類，其成員是一個列表，類型為 Dish（我創(chuàng)建的另一個類）。我正在嘗試創(chuàng)建一個按鈕的網(wǎng)格容器，這些按鈕為列表中的每個菜肴顯示一個按鈕，并且按鈕的文本將與菜肴名稱匹配。我正在使用for循環(huán)來創(chuàng)建按鈕，但是當我嘗試將按鈕文本添加為菜肴名稱“”時，沒有任何顯示。我認為我不太擅長創(chuàng)建一個列表和一個對象，以及如何在javascript中調(diào)用一個對象的字段。請讓我知道我做錯了什么，或者是否有更好的方法可以解決這個問題，任何建議將不勝感激。斷續(xù)器btn.innerText = categor.dishes[i].name;這是類菜public class Dish    {        public string name;        public int price;        public Dish(string foodName, int foodPrice)        {            name = foodName;            price = foodPrice;        }        public string Name { get; set; }        public int Price { get; set; }    }這是類類別  public class category        {            public string name;            public IList<Dish> dishes;            public category(string Name, IList<Dish> Dishes)            {                name = Name;                IList<Dish> dishes = Dishes;        }        public string Name { get; set; }        public IList<Dish> Dishes { get; set; }    }這是視圖中的代碼  <style>        .categories-buttons {            display: grid;            grid-template-columns: 80px 80px 80px 80px 80px;        }        .item {            padding: 10px;        }    </style>    <!--  <div class="categories-buttonsDisplay">    <input type="text" class="calculator-screen" value="0" disabled />-->    <div class="categories-buttons">    </div>    <script>        var dish1 = { name: sweetpatato, price: 64 };        var dish2 = { name: mushroom, price: 89 };        var dish3 = { name: halomi, price: 76 };        var list = { dish1, dish2, dish3 };        var categor = { name: salads, dishes: list };        var div = document.getElementsByClassName("categories-buttons")[0];        for (var i = 0; i < list.length; i++) {            var btn = document.createElement("button");            btn.innerText = categor.dishes[i].name;            div.append(btn);        }    </script>