render() — react Function Reference

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

Function javascript BabelCompiler Entrypoint calls 1

Entity Profile

BabelCompiler→ Entrypoint→ render() — react Function Reference

Dependency Diagram

graph TD
  fc108ee5_f5be_3ac5_173a_4c7ec656835c["render()"]
  3d659a34_85e5_785a_dba0_9919cab5dd6d["NumberTestCase"]
  fc108ee5_f5be_3ac5_173a_4c7ec656835c -->|defined in| 3d659a34_85e5_785a_dba0_9919cab5dd6d
  30746efb_479a_3265_6cf9_08410a792f23["render()"]
  fc108ee5_f5be_3ac5_173a_4c7ec656835c -->|calls| 30746efb_479a_3265_6cf9_08410a792f23
  style fc108ee5_f5be_3ac5_173a_4c7ec656835c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/dom/src/components/fixtures/number-inputs/NumberTestCase.js lines 13–39

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

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

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