MyComponent Class — react Architecture
Architecture documentation for the MyComponent class in ReactDOMEventListener-test.js from the react codebase.
Entity Profile
Dependency Diagram
graph TD c22a2c25_232e_9a32_dbb0_5038725bab89["MyComponent"] f78ea6b7_cecd_db01_1011_8fb1c236415c["ReactDOMEventListener-test.js"] c22a2c25_232e_9a32_dbb0_5038725bab89 -->|defined in| f78ea6b7_cecd_db01_1011_8fb1c236415c 9b928dab_6f79_e3d7_ca9c_f6bf70d939b5["componentDidMount()"] c22a2c25_232e_9a32_dbb0_5038725bab89 -->|method| 9b928dab_6f79_e3d7_ca9c_f6bf70d939b5 a012c367_3d8b_9783_f8af_0d9331e1c02f["componentDidUpdate()"] c22a2c25_232e_9a32_dbb0_5038725bab89 -->|method| a012c367_3d8b_9783_f8af_0d9331e1c02f bd32b460_aea9_1846_ae67_5046d5ca4e5f["render()"] c22a2c25_232e_9a32_dbb0_5038725bab89 -->|method| bd32b460_aea9_1846_ae67_5046d5ca4e5f
Relationship Graph
Source Code
packages/react-dom/src/__tests__/ReactDOMEventListener-test.js lines 111–139
class MyComponent extends React.Component {
state = {clicked: false};
handleClick = () => {
this.setState({clicked: true});
};
componentDidMount() {
expect(
ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE.findDOMNode(
this,
),
).toBe(container.firstChild);
}
componentDidUpdate() {
expect(
ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE.findDOMNode(
this,
),
).toBe(container.firstChild);
}
render() {
if (this.state.clicked) {
return <span>clicked!</span>;
} else {
return (
<button onClick={this.handleClick}>not yet clicked</button>
);
}
}
}Source
Frequently Asked Questions
What is the MyComponent class?
MyComponent is a class in the react codebase, defined in packages/react-dom/src/__tests__/ReactDOMEventListener-test.js.
Where is MyComponent defined?
MyComponent is defined in packages/react-dom/src/__tests__/ReactDOMEventListener-test.js at line 111.
Analyze Your Own Codebase
Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.
Try Supermodel Free