Home / Function/ useChangeActivitySliceAction() — react Function Reference

useChangeActivitySliceAction() — react Function Reference

Architecture documentation for the useChangeActivitySliceAction() function in ActivityList.js from the react codebase.

Entity Profile

Dependency Diagram

graph TD
  adfb778d_dcdb_5ece_da70_8b8fdc486f96["useChangeActivitySliceAction()"]
  e1645ed6_a62a_153d_27fd_691e1a53cb4f["ActivityList.js"]
  adfb778d_dcdb_5ece_da70_8b8fdc486f96 -->|defined in| e1645ed6_a62a_153d_27fd_691e1a53cb4f
  21a2fd3f_0727_79cb_78d9_240c80dc965a["ActivitySlice()"]
  21a2fd3f_0727_79cb_78d9_240c80dc965a -->|calls| adfb778d_dcdb_5ece_da70_8b8fdc486f96
  ef0b4074_b67f_ac3e_52bf_c28dc9520498["Element()"]
  ef0b4074_b67f_ac3e_52bf_c28dc9520498 -->|calls| adfb778d_dcdb_5ece_da70_8b8fdc486f96
  8903e7f2_b245_fcae_5413_05a60dcaa5e4["Tree()"]
  8903e7f2_b245_fcae_5413_05a60dcaa5e4 -->|calls| adfb778d_dcdb_5ece_da70_8b8fdc486f96
  1c876298_f380_e460_56d0_a0a7b509d56d["ActivityList()"]
  1c876298_f380_e460_56d0_a0a7b509d56d -->|calls| adfb778d_dcdb_5ece_da70_8b8fdc486f96
  style adfb778d_dcdb_5ece_da70_8b8fdc486f96 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-shared/src/devtools/views/SuspenseTab/ActivityList.js lines 34–67

export function useChangeActivitySliceAction(): (
  id: Element['id'] | null,
) => void {
  const store = useContext(StoreContext);

  function changeActivitySliceAction(activityID: Element['id'] | null) {
    const nextFilters: ComponentFilter[] = [];
    // Remove any existing activity slice filter
    for (let i = 0; i < store.componentFilters.length; i++) {
      const filter = store.componentFilters[i];
      if (filter.type !== ComponentFilterActivitySlice) {
        nextFilters.push(filter);
      }
    }

    if (activityID !== null) {
      const rendererID = store.getRendererIDForElement(activityID);
      if (rendererID === null) {
        throw new Error('Expected to find renderer.');
      }
      const activityFilter: ActivitySliceFilter = {
        type: ComponentFilterActivitySlice,
        activityID,
        rendererID,
        isValid: true,
        isEnabled: true,
      };
      nextFilters.push(activityFilter);
    }
    store.componentFilters = nextFilters;
  }

  return changeActivitySliceAction;
}

Domain

Subdomains

Frequently Asked Questions

What does useChangeActivitySliceAction() do?
useChangeActivitySliceAction() is a function in the react codebase, defined in packages/react-devtools-shared/src/devtools/views/SuspenseTab/ActivityList.js.
Where is useChangeActivitySliceAction() defined?
useChangeActivitySliceAction() is defined in packages/react-devtools-shared/src/devtools/views/SuspenseTab/ActivityList.js at line 34.
What calls useChangeActivitySliceAction()?
useChangeActivitySliceAction() is called by 4 function(s): ActivityList, ActivitySlice, Element, Tree.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free