2024年 react+typescript学习

教程地址:

https://www.bilibili.com/video/BV1FA411i7PD

 

项目创建和启动

cnpm install -g create-react-app

npx create-react-app myapp --template typescript

 

vscode插件

TypeScript Importer —

用TypeScript的都知道，如果项目涉及到大量的类，代码编写起来就非常蛋疼，需要手动写import {xxx} from “./xxx/xxx/xxx”。这里给大家推荐一个VS Code的插件-TypeScript Importer

 

 

 

奇奇怪怪的东西

组件初始化执行了2次

const root = ReactDOM.createRoot(

  document.getElementById('root') as HTMLElement

);

root.render(

  // React.StrictMode为严格模式会导致组件初始化2次

  <React.StrictMode>

    <App />

  </React.StrictMode>

);