import React, { useId } from 'react';
import ReactDOM from 'react-dom/client';
import './';
import App from './App';
import reportWebVitals from './reportWebVitals';
//import PagerContainer from './components/PagerContainer';
import CheckBoxGroup from './components/common/CheckBoxGroup';
const root = (('root'));
class Test1 extends {
constructor(props) {
super(props);
this.state = {
count: 0
}
}
render(){
return (
<div>
<h1 onClick={()=>this.setState((state)=>({count:+1}))}> Parent: {this.}</h1>
<Test2 num={this.} />
</div>
)
}
}
class Test2 extends {
//Set the data of the initial state from the props attribute of the parent component
state = {
count: this.
}
constructor(props) {
super(props);
}
static getDerivedStateFromProps(props, state) {
('Initial rendering and active update phases are executed')
(props, state);
return {
count:
}
}
componentDidMount(){
}
render() {
return (
<div>
<h1 onClick={()=>this.setState((state)=>({count:+1}))}>This is the child component: {this.}</h1>
</div>
)
}
}
(<Test1 />);
// If you want to start measuring performance in your app, pass a function
// to log results (for example: reportWebVitals())
// or send to an analytics endpoint. Learn more: /CRA-vitals
reportWebVitals();