render() — react Function Reference

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

Function javascript BabelCompiler Optimization calls 1

Entity Profile

BabelCompiler→ Optimization→ render() — react Function Reference

Dependency Diagram

graph TD
  101ba310_ee81_8615_3ce1_d77653bbaa79["render()"]
  d7d21276_809f_41ab_c851_e45f3ad6336b["JumpingCursorTestCase"]
  101ba310_ee81_8615_3ce1_d77653bbaa79 -->|defined in| d7d21276_809f_41ab_c851_e45f3ad6336b
  30746efb_479a_3265_6cf9_08410a792f23["render()"]
  101ba310_ee81_8615_3ce1_d77653bbaa79 -->|calls| 30746efb_479a_3265_6cf9_08410a792f23
  style 101ba310_ee81_8615_3ce1_d77653bbaa79 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/dom/src/components/fixtures/email-inputs/JumpingCursorTestCase.js lines 10–36

  render() {
    return (
      <Fixture>
        <div>{this.props.children}</div>

        <div className="control-box">
          <fieldset>
            <legend>Controlled</legend>
            <input
              type="email"
              value={this.state.value}
              onChange={this.onChange}
            />
            <span className="hint">
              {' '}
              Value: {JSON.stringify(this.state.value)}
            </span>
          </fieldset>

          <fieldset>
            <legend>Uncontrolled</legend>
            <input type="email" defaultValue="" />
          </fieldset>
        </div>
      </Fixture>
    );
  }