render() — react Function Reference

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

Function javascript BabelCompiler Entrypoint

Entity Profile

BabelCompiler→ Entrypoint→ render() — react Function Reference

Dependency Diagram

graph TD
  390838e7_bd0e_db0a_e0cc_24de299bf2f6["render()"]
  79701378_e6fc_9975_01f2_ddc1905caded["RadioNameChangeFixture"]
  390838e7_bd0e_db0a_e0cc_24de299bf2f6 -->|defined in| 79701378_e6fc_9975_01f2_ddc1905caded
  style 390838e7_bd0e_db0a_e0cc_24de299bf2f6 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/dom/src/components/fixtures/input-change-events/RadioNameChangeFixture.js lines 13–45

  render() {
    const {updated} = this.state;
    const radioName = updated ? 'firstName' : 'secondName';
    return (
      <div>
        <label>
          <input
            type="radio"
            name={radioName}
            onChange={noop}
            checked={updated === true}
          />
          First Radio
        </label>

        <label>
          <input
            type="radio"
            name={radioName}
            onChange={noop}
            checked={updated === false}
          />
          Second Radio
        </label>

        <div>
          <button type="button" onClick={this.onClick}>
            Toggle
          </button>
        </div>
      </div>
    );
  }