Glimmer コンポーネントの変更検出が機能しない - @tracked 配列内のプロパティの変更

awesomerobot · 2025 年 8 月 12 日午後 1:44

OPで説明されているように配列を追跡する場合、配列参照を追跡しており、配列内の個々のオブジェクトへの変更を追跡していないと考えています。

別の処理方法として trackedObject を使用する方法があります。これは Discourse のいくつかの場所で使用しています。

app/assets/javascripts/discourse/app/components/discovery/filter-navigation-menu.gjs

711990aa3


      
          * as well as delimiters (like ",") that allow for multiple values.
          */
          export default class FilterNavigationMenu extends Component {
           @service menu;
           @service site;
          
           @resettableTracked currentInputValue = this.args.initialInputValue || "";
          
           filterSuggessionResults = [];
           activeFilter = null;
           trackedMenuListData = new TrackedObject({
             filteredTips: this.filteredTips,
             selectedIndex: null,
             selectItem: this.selectItem,
           });
          
           @tracked _selectedIndex = -1;
          
           get selectedIndex() {
             return this._selectedIndex;
           }

トピック		返信	表示
Another way to track nested data structures Dev plugin-api , rest-api	2	53	2025 年 3 月 19 日
Problem tracking nested structure Dev	7	85	2024 年 8 月 9 日
Live updates of components Dev	1	53	2024 年 7 月 24 日
Tracked variable not found? Dev	6	77	2025 年 6 月 20 日
Two tracked variables not updating Dev	7	104	2025 年 2 月 3 日

Glimmer コンポーネントの変更検出が機能しない - @tracked 配列内のプロパティの変更

関連トピック