RendererResult() — react Function Reference

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

Function javascript BabelCompiler Entrypoint

Entity Profile

BabelCompiler→ Entrypoint→ RendererResult() — react Function Reference

Dependency Diagram

graph TD
  5157eb2a_8728_a7db_b889_c804b582d09d["RendererResult()"]
  444f4239_c2fb_3bc5_1037_eb595d98f6e1["App.js"]
  5157eb2a_8728_a7db_b889_c804b582d09d -->|defined in| 444f4239_c2fb_3bc5_1037_eb595d98f6e1
  style 5157eb2a_8728_a7db_b889_c804b582d09d fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/attribute-behavior/src/App.js lines 528–564

function RendererResult({
  result,
  canonicalResult,
  defaultValue,
  canonicalDefaultValue,
  didWarn,
  didError,
  ssrHasSameBehavior,
  ssrHasSameBehaviorExceptWarnings,
}) {
  let backgroundColor;
  if (didError) {
    backgroundColor = errorColor;
  } else if (didWarn) {
    backgroundColor = warnColor;
  } else if (canonicalResult !== canonicalDefaultValue) {
    backgroundColor = 'cyan';
  } else {
    backgroundColor = successColor;
  }

  let style = {
    display: 'flex',
    alignItems: 'center',
    position: 'absolute',
    height: '100%',
    width: '100%',
    backgroundColor,
  };

  if (!ssrHasSameBehavior) {
    const color = ssrHasSameBehaviorExceptWarnings ? 'gray' : 'magenta';
    style.border = `3px dotted ${color}`;
  }

  return <div css={style}>{canonicalResult}</div>;
}