import { useState } from 'react';
import './App.css';
// 1.引入组件
import Part from './components/LearnUseState.jsx'
import Count from './components/Count.jsx'
import Part2 from './components/LearnUseEffect.jsx'
function App() {
  let [open,setOpen] = useState(true)
  function show() {
    setOpen(true);
  }
  return open ?(
    <div className="App">
      {/* 2.使用组件 */}
      <Part/>
      <Count/>
      <Part2/>
    </div>
  ) : <div className='App'>
      <button onClick={show}>显示</button>
  </div>
}

export default App;