render() — react Function Reference

Architecture documentation for the render() function in ReactMultiChildReconcile-test.js from the react codebase.

Function javascript BabelCompiler Validation calls 1 called by 2

Entity Profile

BabelCompiler→ Validation→ render() — react Function Reference

Dependency Diagram

graph TD
  f17a501d_68c9_42a0_e169_575f7db01a34["render()"]
  fc75d32a_bb2d_fbb7_775d_b412630ad896["FriendsStatusDisplay"]
  f17a501d_68c9_42a0_e169_575f7db01a34 -->|defined in| fc75d32a_bb2d_fbb7_775d_b412630ad896
  62571d80_90a6_a9a2_cffc_9e948eab83ef["render()"]
  62571d80_90a6_a9a2_cffc_9e948eab83ef -->|calls| f17a501d_68c9_42a0_e169_575f7db01a34
  6f5d669c_0e52_033a_2771_63251e865766["testPropsSequenceWithPreparedChildren()"]
  6f5d669c_0e52_033a_2771_63251e865766 -->|calls| f17a501d_68c9_42a0_e169_575f7db01a34
  62571d80_90a6_a9a2_cffc_9e948eab83ef["render()"]
  f17a501d_68c9_42a0_e169_575f7db01a34 -->|calls| 62571d80_90a6_a9a2_cffc_9e948eab83ef
  style f17a501d_68c9_42a0_e169_575f7db01a34 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-dom/src/__tests__/ReactMultiChildReconcile-test.js lines 114–134

  render() {
    const children = [];
    for (const key in this.props.usernameToStatus) {
      const status = this.props.usernameToStatus[key];
      children.push(
        !status ? null : (
          <StatusDisplay
            key={key}
            ref={current => {
              this.displays[key] = current;
            }}
            contentKey={key}
            onFlush={this.verifyPreviousRefsResolved.bind(this, key)}
            status={status}
          />
        ),
      );
    }
    const childrenToRender = this.props.prepareChildren(children);
    return <div>{childrenToRender}</div>;
  }