render() — react Function Reference

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

Function javascript BabelCompiler Optimization calls 1

Entity Profile

BabelCompiler→ Optimization→ render() — react Function Reference

Dependency Diagram

graph TD
  a37df506_2c1d_d36f_b4ff_a4b34b5387af["render()"]
  16e01f81_657f_1153_c3c5_437683dc9591["ControlledFormFixture"]
  a37df506_2c1d_d36f_b4ff_a4b34b5387af -->|defined in| 16e01f81_657f_1153_c3c5_437683dc9591
  30746efb_479a_3265_6cf9_08410a792f23["render()"]
  a37df506_2c1d_d36f_b4ff_a4b34b5387af -->|calls| 30746efb_479a_3265_6cf9_08410a792f23
  style a37df506_2c1d_d36f_b4ff_a4b34b5387af fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/dom/src/components/fixtures/form-state/ControlledFormFixture.js lines 21–57

  render() {
    return (
      <Fixture>
        <form>
          <label>
            Name:
            <input
              type="text"
              value={this.state.name}
              onChange={this.handleNameChange}
              name="name"
              x-autocompletetype="name"
            />
          </label>
          <br />
          <label>
            Email:
            <input
              type="text"
              value={this.state.email}
              onChange={this.handleEmailChange}
              name="email"
              x-autocompletetype="email"
            />
          </label>
        </form>
        <br />
        <div>
          <span>States</span>
          <br />
          <span>Name: {this.state.name}</span>
          <br />
          <span>Email: {this.state.email}</span>
        </div>
      </Fixture>
    );
  }