react Architecture Docs
Home / Class/ RadioNameChangeFixture Class — react Architecture

RadioNameChangeFixture Class — react Architecture

Architecture documentation for the RadioNameChangeFixture class in RadioNameChangeFixture.js from the react codebase.

Class javascript BabelCompiler

Entity Profile

Dependency Diagram

graph TD
  79701378_e6fc_9975_01f2_ddc1905caded["RadioNameChangeFixture"]
  41b01eb0_41d8_7611_eb36_f4fd0b56de8d["RadioNameChangeFixture.js"]
  79701378_e6fc_9975_01f2_ddc1905caded -->|defined in| 41b01eb0_41d8_7611_eb36_f4fd0b56de8d
  390838e7_bd0e_db0a_e0cc_24de299bf2f6["render()"]
  79701378_e6fc_9975_01f2_ddc1905caded -->|method| 390838e7_bd0e_db0a_e0cc_24de299bf2f6

Relationship Graph

Source Code

fixtures/dom/src/components/fixtures/input-change-events/RadioNameChangeFixture.js lines 4–46

class RadioNameChangeFixture extends React.Component {
  state = {
    updated: false,
  };
  onClick = () => {
    this.setState(state => {
      return {updated: !state.updated};
    });
  };
  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>
    );
  }
}

Domain

Defined In

Source

Frequently Asked Questions

What is the RadioNameChangeFixture class?
RadioNameChangeFixture is a class in the react codebase, defined in fixtures/dom/src/components/fixtures/input-change-events/RadioNameChangeFixture.js.
Where is RadioNameChangeFixture defined?
RadioNameChangeFixture is defined in fixtures/dom/src/components/fixtures/input-change-events/RadioNameChangeFixture.js at line 4.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free