githubmr/facebook-react: The library for web and native user interfaces.

packages/react-server/src/ReactFizzComponentStack.js

61 строка1 KB

Sebastian Markbåge

[Fizz] Implement Component Stacks in DEV for warnings (#21610)

03 июн 2021, 23:02

03 июн 2021, 23:021b7b359

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 * @flow
 */

import {
  describeBuiltInComponentFrame,
  describeFunctionComponentFrame,
  describeClassComponentFrame,
} from 'shared/ReactComponentStackFrame';

// DEV-only reverse linked list representing the current component stack
type BuiltInComponentStackNode = {
  tag: 0,
  parent: null | ComponentStackNode,
  type: string,
};
type FunctionComponentStackNode = {
  tag: 1,
  parent: null | ComponentStackNode,
  type: Function,
};
type ClassComponentStackNode = {
  tag: 2,
  parent: null | ComponentStackNode,
  type: Function,
};
export type ComponentStackNode =
  | BuiltInComponentStackNode
  | FunctionComponentStackNode
  | ClassComponentStackNode;

export function getStackByComponentStackNode(
  componentStack: ComponentStackNode,
): string {
  try {
    let info = '';
    let node = componentStack;
    do {
      switch (node.tag) {
        case 0:
          info += describeBuiltInComponentFrame(node.type, null, null);
          break;
        case 1:
          info += describeFunctionComponentFrame(node.type, null, null);
          break;
        case 2:
          info += describeClassComponentFrame(node.type, null, null);
          break;
      }
      node = node.parent;
    } while (node);
    return info;
  } catch (x) {
    return '\nError generating stack: ' + x.message + '\n' + x.stack;
  }
}