Wrapper Class — react Architecture
Architecture documentation for the Wrapper class in ReactDOM-test.js from the react codebase.
Entity Profile
Dependency Diagram
graph TD 38ca9685_4f37_3d77_ebfb_58a3e5d82ea4["Wrapper"] 2da3ac11_3c21_7e99_00f1_4c5cf27b3970["ReactDOM-test.js"] 38ca9685_4f37_3d77_ebfb_58a3e5d82ea4 -->|defined in| 2da3ac11_3c21_7e99_00f1_4c5cf27b3970 0b8d8191_21e6_c907_087e_561e7ce9584e["componentDidMount()"] 38ca9685_4f37_3d77_ebfb_58a3e5d82ea4 -->|method| 0b8d8191_21e6_c907_087e_561e7ce9584e c3c9f6cf_18bf_2f9d_c4b2_279bf91a1d63["render()"] 38ca9685_4f37_3d77_ebfb_58a3e5d82ea4 -->|method| c3c9f6cf_18bf_2f9d_c4b2_279bf91a1d63
Relationship Graph
Source Code
packages/react-dom/src/__tests__/ReactDOM-test.js lines 392–416
class Wrapper extends React.Component {
componentDidMount() {
this.ref1.click();
}
render() {
return (
<div>
<div
onClick={() => {
actual.push('1st node clicked');
this.ref2.click();
}}
ref={ref => (this.ref1 = ref)}
/>
<div
onClick={ref => {
actual.push("2nd node clicked imperatively from 1st's handler");
}}
ref={ref => (this.ref2 = ref)}
/>
</div>
);
}
}Source
Frequently Asked Questions
What is the Wrapper class?
Wrapper is a class in the react codebase, defined in packages/react-dom/src/__tests__/ReactDOM-test.js.
Where is Wrapper defined?
Wrapper is defined in packages/react-dom/src/__tests__/ReactDOM-test.js at line 392.
Analyze Your Own Codebase
Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.
Try Supermodel Free