render() — react Function Reference

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

Function javascript BabelCompiler Entrypoint calls 1

Entity Profile

BabelCompiler→ Entrypoint→ render() — react Function Reference

Dependency Diagram

graph TD
  742cae6d_7971_ff67_8123_1c19cc30982f["render()"]
  ad51d421_98b0_391c_3898_ec8bb31d48bb["RadioGroupFixture"]
  742cae6d_7971_ff67_8123_1c19cc30982f -->|defined in| ad51d421_98b0_391c_3898_ec8bb31d48bb
  30746efb_479a_3265_6cf9_08410a792f23["render()"]
  742cae6d_7971_ff67_8123_1c19cc30982f -->|calls| 30746efb_479a_3265_6cf9_08410a792f23
  style 742cae6d_7971_ff67_8123_1c19cc30982f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/dom/src/components/fixtures/input-change-events/RadioGroupFixture.js lines 27–54

  render() {
    const {changeCount} = this.state;
    const color = changeCount >= 3 ? 'green' : 'red';

    return (
      <Fixture>
        <label>
          <input
            defaultChecked
            name="foo"
            type="radio"
            onChange={this.handleChange}
          />
          Radio 1
        </label>
        <label>
          <input name="foo" type="radio" onChange={this.handleChange} />
          Radio 2
        </label>{' '}
        <p style={{color}}>
          <code>onChange</code>
          {' calls: '}
          <strong>{changeCount}</strong>
        </p>
        <button onClick={this.handleReset}>Reset count</button>
      </Fixture>
    );
  }