render() — react Function Reference

Architecture documentation for the render() function in ReactART.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
  dc04d002_8970_aeea_1f00_c9af1508fa29["render()"]
  127019bb_3ae8_a754_e44b_b6cf187f347a["Surface"]
  dc04d002_8970_aeea_1f00_c9af1508fa29 -->|defined in| 127019bb_3ae8_a754_e44b_b6cf187f347a
  fb7d381d_27c2_ba1e_200b_9a1e9f610db3["render()"]
  fb7d381d_27c2_ba1e_200b_9a1e9f610db3 -->|calls| dc04d002_8970_aeea_1f00_c9af1508fa29
  edc7b2c3_d64f_4d1c_2942_98b8da7ee18e["componentDidUpdate()"]
  edc7b2c3_d64f_4d1c_2942_98b8da7ee18e -->|calls| dc04d002_8970_aeea_1f00_c9af1508fa29
  fb7d381d_27c2_ba1e_200b_9a1e9f610db3["render()"]
  dc04d002_8970_aeea_1f00_c9af1508fa29 -->|calls| fb7d381d_27c2_ba1e_200b_9a1e9f610db3
  style dc04d002_8970_aeea_1f00_c9af1508fa29 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-art/src/ReactART.js lines 122–144

  render() {
    // This is going to be a placeholder because we don't know what it will
    // actually resolve to because ART may render canvas, vml or svg tags here.
    // We only allow a subset of properties since others might conflict with
    // ART's properties.
    const props = this.props;

    // TODO: ART's Canvas Mode overrides surface title and cursor
    const Tag = Mode.Surface.tagName;

    return (
      <Tag
        ref={ref => (this._tagRef = ref)}
        accessKey={props.accessKey}
        className={props.className}
        draggable={props.draggable}
        role={props.role}
        style={props.style}
        tabIndex={props.tabIndex}
        title={props.title}
      />
    );
  }