import { useState } from 'react';
import './App.css';
import LearnUseState from './components/LearnUseState';
import LearnUseEffect from './components/LearnUseEffect';
import LearnUseRef from './components/LearnUseRef';
import LearnUseCallBack from './components/LearnUseCallBack';
import LearnUseMemo from './components/LearnUseMemo';
import TestComponent from  './components/TestComponent';
function App() {
  let [show, isShow] = useState(true);
  let [open, isOpen] = useState(true);
  return (
    <div className="App">
      <LearnUseState></LearnUseState>
      {
        show ? <LearnUseEffect></LearnUseEffect> : <div>已卸载</div>
      }
      <div className='main'>

        {
          open ? <LearnUseRef></LearnUseRef> : <div>已卸载</div>
        }
      </div>
        <LearnUseMemo></LearnUseMemo>
        <LearnUseCallBack></LearnUseCallBack>
        <TestComponent></TestComponent>
    </div>
  );
}

export default App;