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
Source
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