render() — react Function Reference

Architecture documentation for the render() function in switch-date-test-case.js from the react codebase.

Function javascript BabelCompiler Optimization calls 1

Entity Profile

BabelCompiler→ Optimization→ render() — react Function Reference

Dependency Diagram

graph TD
  8b610976_d7e3_8922_8102_25962696a919["render()"]
  236c3101_dd6d_7152_7afd_f0ae0f1d05a9["SwitchDateTestCase"]
  8b610976_d7e3_8922_8102_25962696a919 -->|defined in| 236c3101_dd6d_7152_7afd_f0ae0f1d05a9
  b4eda0c4_31c9_5c95_1255_0a973f8a231b["inputAttrs()"]
  8b610976_d7e3_8922_8102_25962696a919 -->|calls| b4eda0c4_31c9_5c95_1255_0a973f8a231b
  style 8b610976_d7e3_8922_8102_25962696a919 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/dom/src/components/fixtures/date-inputs/switch-date-test-case.js lines 14–39

  render() {
    const attrs = this.inputAttrs();

    return (
      <div>
        <p>
          <b>{attrs.type}</b> input type ({attrs.value})
        </p>
        <p>
          <input
            type={attrs.type}
            value={attrs.value}
            onChange={this.onInputChange}
          />
          <label>
            <input
              type="checkbox"
              checked={this.state.fullDate}
              onChange={this.updateFullDate}
            />{' '}
            Switch type
          </label>
        </p>
      </div>
    );
  }