commitHostUpdate() — react Function Reference

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

Function javascript BabelCompiler Validation called by 1

Entity Profile

BabelCompiler→ Validation→ commitHostUpdate() — react Function Reference

Dependency Diagram

graph TD
  ce3d630c_843e_17fd_117d_67410066cc99["commitHostUpdate()"]
  d39520cc_fe89_c0bc_424d_91bccdb79a69["ReactFiberCommitHostEffects.js"]
  ce3d630c_843e_17fd_117d_67410066cc99 -->|defined in| d39520cc_fe89_c0bc_424d_91bccdb79a69
  bc4a6de9_07dc_eca7_681a_10f692e08483["commitMutationEffectsOnFiber()"]
  bc4a6de9_07dc_eca7_681a_10f692e08483 -->|calls| ce3d630c_843e_17fd_117d_67410066cc99
  style ce3d630c_843e_17fd_117d_67410066cc99 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-reconciler/src/ReactFiberCommitHostEffects.js lines 113–142

export function commitHostUpdate(
  finishedWork: Fiber,
  newProps: any,
  oldProps: any,
): void {
  try {
    if (__DEV__) {
      runWithFiberInDEV(
        finishedWork,
        commitUpdate,
        finishedWork.stateNode,
        finishedWork.type,
        oldProps,
        newProps,
        finishedWork,
      );
    } else {
      commitUpdate(
        finishedWork.stateNode,
        finishedWork.type,
        oldProps,
        newProps,
        finishedWork,
      );
    }
    // Mutations are tracked manually from within commitUpdate.
  } catch (error) {
    captureCommitPhaseError(finishedWork, finishedWork.return, error);
  }
}