react Architecture Docs
Home / Class/ StateBasedOnProps Class — react Architecture

StateBasedOnProps Class — react Architecture

Architecture documentation for the StateBasedOnProps class in ReactTypeScriptClass-test.ts from the react codebase.

Class typescript

Entity Profile

Dependency Diagram

graph TD
  7054e927_1fcf_f7db_ad84_268b8df966c4["StateBasedOnProps"]
  3370f447_d44c_9d13_9604_1490287e7bf1["ReactTypeScriptClass-test.ts"]
  7054e927_1fcf_f7db_ad84_268b8df966c4 -->|defined in| 3370f447_d44c_9d13_9604_1490287e7bf1
  5caf4145_d05e_91bd_9094_ac592e2d8074["constructor()"]
  7054e927_1fcf_f7db_ad84_268b8df966c4 -->|method| 5caf4145_d05e_91bd_9094_ac592e2d8074
  322b1d5d_ba3b_5272_a801_3bf046604520["changeState()"]
  7054e927_1fcf_f7db_ad84_268b8df966c4 -->|method| 322b1d5d_ba3b_5272_a801_3bf046604520
  01b595c9_28cd_d3aa_cd12_a6c4680827b8["render()"]
  7054e927_1fcf_f7db_ad84_268b8df966c4 -->|method| 01b595c9_28cd_d3aa_cd12_a6c4680827b8

Relationship Graph

Source Code

packages/react/src/__tests__/ReactTypeScriptClass-test.ts lines 75–89

class StateBasedOnProps extends React.Component {
  constructor(props) {
    super(props);
    this.state = {bar: props.initialValue};
  }
  changeState() {
    this.setState({bar: 'bar'});
  }
  render() {
    if (this.state.bar === 'foo') {
      return React.createElement('div', {className: 'foo'});
    }
    return React.createElement('span', {className: this.state.bar});
  }
}

Defined In

Source

Frequently Asked Questions

What is the StateBasedOnProps class?
StateBasedOnProps is a class in the react codebase, defined in packages/react/src/__tests__/ReactTypeScriptClass-test.ts.
Where is StateBasedOnProps defined?
StateBasedOnProps is defined in packages/react/src/__tests__/ReactTypeScriptClass-test.ts at line 75.

Analyze Your Own Codebase

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

Try Supermodel Free