mutate() — react Function Reference

Architecture documentation for the mutate() function in shared-runtime.ts from the react codebase.

Function typescript BabelCompiler Optimization calls 1 called by 2

Entity Profile

BabelCompiler→ Optimization→ mutate() — react Function Reference

Dependency Diagram

graph TD
  fb73b620_177b_a7d5_dace_7ae5866d1cae["mutate()"]
  9afdd6fb_14c3_0a52_8105_2d82e58c5c28["shared-runtime.ts"]
  fb73b620_177b_a7d5_dace_7ae5866d1cae -->|defined in| 9afdd6fb_14c3_0a52_8105_2d82e58c5c28
  92e8c8b4_5723_0425_b88f_de346203240b["mutateAndReturn()"]
  92e8c8b4_5723_0425_b88f_de346203240b -->|calls| fb73b620_177b_a7d5_dace_7ae5866d1cae
  7856f60f_59a9_ad3b_b528_ceb92ae95b15["mutateAndReturnNewValue()"]
  7856f60f_59a9_ad3b_b528_ceb92ae95b15 -->|calls| fb73b620_177b_a7d5_dace_7ae5866d1cae
  15af1288_5ce1_7a3d_304e_01b40e750f72["push()"]
  fb73b620_177b_a7d5_dace_7ae5866d1cae -->|calls| 15af1288_5ce1_7a3d_304e_01b40e750f72
  style fb73b620_177b_a7d5_dace_7ae5866d1cae fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

compiler/packages/snap/src/sprout/shared-runtime.ts lines 53–71

export function mutate(arg: any): void {
  // don't mutate primitive
  if (arg == null || typeof arg !== 'object') {
    return;
  } else if (Array.isArray(arg)) {
    arg.push('joe');
  }

  let count: number = 0;
  let key;
  while (true) {
    key = 'wat' + count;
    if (!Object.hasOwn(arg, key)) {
      arg[key] = 'joe';
      return;
    }
    count++;
  }
}