render() — react Function Reference

Architecture documentation for the render() function in ListAppLegacy.js from the react codebase.

Function javascript BabelCompiler Validation called by 1

Entity Profile

BabelCompiler→ Validation→ render() — react Function Reference

Dependency Diagram

graph TD
  d3f107dc_dd04_ff63_8d07_32e8e415eee6["render()"]
  3d189cba_be5b_cdaa_0084_90158e45e3dd["List"]
  d3f107dc_dd04_ff63_8d07_32e8e415eee6 -->|defined in| 3d189cba_be5b_cdaa_0084_90158e45e3dd
  07284830_aa06_06ef_f213_930748103df9["mountApp()"]
  07284830_aa06_06ef_f213_930748103df9 -->|calls| d3f107dc_dd04_ff63_8d07_32e8e415eee6
  style d3f107dc_dd04_ff63_8d07_32e8e415eee6 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-shell/src/e2e-apps/ListAppLegacy.js lines 31–50

  render(): any {
    return (
      <div>
        <input
          data-testname="AddItemInput"
          value={this.state.text}
          onChange={this.onInputChange}
          ref={c => (this.inputRef = c)}
        />
        <button data-testname="AddItemButton" onClick={this.addItem}>
          Add Item
        </button>
        <ul data-testname="List">
          {this.state.items.map((label, index) => (
            <ListItem key={index} label={label} />
          ))}
        </ul>
      </div>
    );
  }