123456789101112131415161718192021222324 |
- 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;
|