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

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

I believe when you track an array like described in OP you’re tracking the array reference and not changes to the individual objects within the array

Another way to handle it is using trackedObject, we use this in a handful of places throughout Discourse

github.com/discourse/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	39	2025 年 3 月 19 日
Problem tracking nested structure Dev	7	66	2024 年 8 月 9 日
Live updates of components Dev	1	49	2024 年 7 月 24 日
Tracked variable not found? Dev	6	71	2025 年 6 月 20 日
Two tracked variables not updating Dev	7	97	2025 年 2 月 3 日

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

関連トピック