react Architecture Docs
Home / Function/ ClearProfilingDataButton() — react Function Reference

ClearProfilingDataButton() — react Function Reference

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

Function javascript BabelCompiler Validation

Entity Profile

Dependency Diagram

graph TD
  b157dc3f_6e89_a73b_bd2d_f2d92bc9ff14["ClearProfilingDataButton()"]
  e7351d91_39f5_aa1e_7502_e96f037bd3e3["ClearProfilingDataButton.js"]
  b157dc3f_6e89_a73b_bd2d_f2d92bc9ff14 -->|defined in| e7351d91_39f5_aa1e_7502_e96f037bd3e3
  style b157dc3f_6e89_a73b_bd2d_f2d92bc9ff14 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-shared/src/devtools/views/Profiler/ClearProfilingDataButton.js lines 18–46

export default function ClearProfilingDataButton(): React.Node {
  const store = useContext(StoreContext);
  const {didRecordCommits, isProfiling} = useContext(ProfilerContext);
  const {file, setFile} = useContext(TimelineContext);
  const {profilerStore} = store;

  const doesHaveInMemoryData = didRecordCommits;
  const doesHaveUserTimingData = file !== null;

  const clear = () => {
    if (doesHaveInMemoryData) {
      profilerStore.clear();
    }
    if (doesHaveUserTimingData) {
      setFile(null);
    }
  };

  return (
    <Button
      disabled={
        isProfiling || !(doesHaveInMemoryData || doesHaveUserTimingData)
      }
      onClick={clear}
      title="Clear profiling data">
      <ButtonIcon type="clear" />
    </Button>
  );
}

Domain

Subdomains

Defined In

Source

Frequently Asked Questions

What does ClearProfilingDataButton() do?
ClearProfilingDataButton() is a function in the react codebase, defined in packages/react-devtools-shared/src/devtools/views/Profiler/ClearProfilingDataButton.js.
Where is ClearProfilingDataButton() defined?
ClearProfilingDataButton() is defined in packages/react-devtools-shared/src/devtools/views/Profiler/ClearProfilingDataButton.js at line 18.

Analyze Your Own Codebase

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

Try Supermodel Free