dghgjuyhuoyho的博客

1,下载umiJs:npm i umi -g2,新建一个myUmi空文件夹,cd 到myUmi中 ，使用官方工具创建项目：npm create @umijs/umi-app3,下载依赖：npm i4,运行 npm start生成的文件目录小问题：npm run build打包后 index.html打开空白，路径报错。因为打包默认是根路径下，所以需要在配置文件.umirc.ts 添加publicPath:’./’，.umirc的基本配置：import { d..

react-router-dom:react-router-dom是处理项目中路由问题的组件库，使用create-react-dom创建的react项目，默认是没有这个组件库，需要额外下载。react-router-dom是基于浏览器的history对象来进行操作的，该对象使用栈数据结构维护历史记录，当点击一个新的链接时，就将该链接入栈，如果replace属性为true，点击时总是替换history对象的栈顶链接。BrowserRouter：浏览器的路由方式，可以将其理解为一个容器，用来放Rou

HOOK:Hook是react 16.8新增的特性，可以在函数式组件中置入react的state以及生命周期等特性，hook不能在class组件中使用。我只着重学了下面两个基本的apiuseState：import { useState } from "react";export default function MoveCom(props) { function clickHandle() { setNums(nums+1); console.log(nums);...

列表遍历&Key像vue中的v-for指令在React里遍历数组对象用map，循环遍历必须加key,key必须是在数组中唯一的，尽量不绑定index，否则 数组更新数据了 但ui界面没有更新，DOM渲染的时候，是根据Key值的不同 新旧对比来替换的。export default class Items extends React.Component{ // constructor(props){ // super(props) // } // com...

使用脚手架创建项目：npm create-react-app 项目名弹出webpack配置文件：npm run eject组件：函数式组件+类组件事件绑定：在react里事件的命名使用小驼峰式命名(如：onClick),使用class定义的组件，调用绑定函数时this是undefined， 需要手动指向：如绑定事件使用箭头函数 onClick=()={this.clickHandle()}或者onClick={this.clickHandle}在函数处理那用箭头函数。clickHandle=