Home / Class/ ReplaceEmailInput Class — react Architecture

ReplaceEmailInput Class — react Architecture

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

Entity Profile

Dependency Diagram

graph TD
  7430f908_777c_4ae2_a154_485d8a934900["ReplaceEmailInput"]
  64a4651a_a77b_7f25_e03a_f6b1e131448a["ReplaceEmailInput.js"]
  7430f908_777c_4ae2_a154_485d8a934900 -->|defined in| 64a4651a_a77b_7f25_e03a_f6b1e131448a
  65d97ae2_9faa_fabe_1fae_bd5b9ce55364["render()"]
  7430f908_777c_4ae2_a154_485d8a934900 -->|method| 65d97ae2_9faa_fabe_1fae_bd5b9ce55364

Relationship Graph

Source Code

fixtures/dom/src/components/fixtures/text-inputs/ReplaceEmailInput.js lines 5–38

class ReplaceEmailInput extends React.Component {
  state = {
    formSubmitted: false,
  };

  onReset = () => {
    this.setState({formSubmitted: false});
  };

  onSubmit = event => {
    event.preventDefault();
    this.setState({formSubmitted: true});
  };

  render() {
    return (
      <Fixture>
        <form className="control-box" onSubmit={this.onSubmit}>
          <fieldset>
            <legend>Email</legend>
            {!this.state.formSubmitted ? (
              <input type="email" />
            ) : (
              <input type="text" disabled={true} />
            )}
          </fieldset>
        </form>
        <button type="button" onClick={this.onReset}>
          Reset
        </button>
      </Fixture>
    );
  }
}

Domain

Frequently Asked Questions

What is the ReplaceEmailInput class?
ReplaceEmailInput is a class in the react codebase, defined in fixtures/dom/src/components/fixtures/text-inputs/ReplaceEmailInput.js.
Where is ReplaceEmailInput defined?
ReplaceEmailInput is defined in fixtures/dom/src/components/fixtures/text-inputs/ReplaceEmailInput.js at line 5.

Analyze Your Own Codebase

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

Try Supermodel Free