renderComponentSequentiallyForEachProps() — react Function Reference

Architecture documentation for the renderComponentSequentiallyForEachProps() function in evaluator.ts from the react codebase.

Function typescript BabelCompiler Entrypoint calls 2 called by 1

Entity Profile

BabelCompiler→ Entrypoint→ renderComponentSequentiallyForEachProps() — react Function Reference

Dependency Diagram

graph TD
  9698a34f_5e7c_5190_40e5_024dc7eb47ae["renderComponentSequentiallyForEachProps()"]
  e04df78a_8312_1a6c_3ce1_ea408e44a1d7["evaluator.ts"]
  9698a34f_5e7c_5190_40e5_024dc7eb47ae -->|defined in| e04df78a_8312_1a6c_3ce1_ea408e44a1d7
  850ee738_6992_b2d7_3104_159fba313678["evaluateFixtureExport()"]
  850ee738_6992_b2d7_3104_159fba313678 -->|calls| 9698a34f_5e7c_5190_40e5_024dc7eb47ae
  d81e0572_43a5_0109_b0bc_3a853972f427["render()"]
  9698a34f_5e7c_5190_40e5_024dc7eb47ae -->|calls| d81e0572_43a5_0109_b0bc_3a853972f427
  15af1288_5ce1_7a3d_304e_01b40e750f72["push()"]
  9698a34f_5e7c_5190_40e5_024dc7eb47ae -->|calls| 15af1288_5ce1_7a3d_304e_01b40e750f72
  style 9698a34f_5e7c_5190_40e5_024dc7eb47ae fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

compiler/packages/snap/src/sprout/evaluator.ts lines 126–155

function renderComponentSequentiallyForEachProps(
  fn: any,
  sequentialRenders: Array<any>,
): string {
  if (sequentialRenders.length === 0) {
    throw new Error(
      'Expected at least one set of props when using `sequentialRenders`',
    );
  }
  const initialProps = sequentialRenders[0]!;
  const results = [];
  const {rerender, container} = render(
    React.createElement(WrapperTestComponentWithErrorBoundary, {
      fn,
      params: [initialProps],
    }),
  );
  results.push(container.innerHTML);

  for (let i = 1; i < sequentialRenders.length; i++) {
    rerender(
      React.createElement(WrapperTestComponentWithErrorBoundary, {
        fn,
        params: [sequentialRenders[i]],
      }),
    );
    results.push(container.innerHTML);
  }
  return results.join('\n');
}