App.jsx 960 B

1234567891011121314151617181920212223242526272829
  1. import './App.css'
  2. import UseLearnState from './components/UseLearnState'
  3. import UseLearnEffect from './components/UseLearnEffect'
  4. import UseDemo from './components/UseDemo'
  5. import UseLearnMemo from './components/UseLearnMemo'
  6. import UseLearnCallBack from './components/UseLearnCallBack'
  7. import UseDemo1 from './components/UseDemo1'
  8. import UseLearnContext from './components/UseLearnContext'
  9. import UseLearnRef from './components/UseLearnRef'
  10. import UseLearnImperativeHandle from './components/UseLearnImperativeHandle'
  11. import Use from './components/Use'
  12. import UseLearnOptimistic from './components/UseLearnOptimistic'
  13. import { useState } from 'react'
  14. function App() {
  15. const [isShow, setIsShow] = useState(true)
  16. return (
  17. <>
  18. <h1>首页</h1>
  19. <UseLearnOptimistic />
  20. {/* <UseLearnMemo /> */}
  21. {/* {isShow ? <UseLearnEffect /> : '无内容'} */}
  22. {/* {isShow ? <UseDemo /> : '无内容'} */}
  23. </>
  24. )
  25. }
  26. export default App