removeChild() — react Function Reference

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

Function javascript BabelCompiler Validation calls 1

Entity Profile

BabelCompiler→ Validation→ removeChild() — react Function Reference

Dependency Diagram

graph TD
  6a13dc4d_2de9_fdea_3f95_95d39792570a["removeChild()"]
  3d20f780_732d_dfbf_ddf9_cb13ba9949a1["ReactFiberConfigNative.js"]
  6a13dc4d_2de9_fdea_3f95_95d39792570a -->|defined in| 3d20f780_732d_dfbf_ddf9_cb13ba9949a1
  ddc8726d_e1de_6da2_ec4d_7f0e32e767c7["recursivelyUncacheFiberNode()"]
  6a13dc4d_2de9_fdea_3f95_95d39792570a -->|calls| ddc8726d_e1de_6da2_ec4d_7f0e32e767c7
  style 6a13dc4d_2de9_fdea_3f95_95d39792570a fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-native-renderer/src/ReactFiberConfigNative.js lines 523–541

export function removeChild(
  parentInstance: Instance,
  child: Instance | TextInstance,
): void {
  recursivelyUncacheFiberNode(child);
  const children = parentInstance._children;
  const index = children.indexOf(child);

  children.splice(index, 1);

  UIManager.manageChildren(
    parentInstance._nativeTag, // containerID
    [], // moveFromIndices
    [], // moveToIndices
    [], // addChildReactTags
    [], // addAtIndices
    [index], // removeAtIndices
  );
}