App.js 547 B

123456789101112131415161718192021222324
  1. import { useState } from 'react';
  2. import './App.css';
  3. // 1.引入组件
  4. import Part from './components/LearnUseState.jsx'
  5. import Count from './components/Count.jsx'
  6. import Part2 from './components/LearnUseEffect.jsx'
  7. function App() {
  8. let [open,setOpen] = useState(true)
  9. function show() {
  10. setOpen(true);
  11. }
  12. return open ?(
  13. <div className="App">
  14. {/* 2.使用组件 */}
  15. <Part/>
  16. <Count/>
  17. <Part2/>
  18. </div>
  19. ) : <div className='App'>
  20. <button onClick={show}>显示</button>
  21. </div>
  22. }
  23. export default App;