React学习笔记(一)Ant Design Pro

673 阅读1分钟

Ant Design Pro安装参考:pro.ant.design/

Q1:npm版本太低,需要升级:

image.png

- A1:执行npm升级命令npm install -g npm无效,参考解决办法blog.csdn.net/wocaishiryr…

- Q2:执行npm install 报错:

image.png

A2:改用cnpm install安装成功,执行npm run dev

Q3: 本地代码编辑超级慢,大概分钟级别

A3:没找到解决办法

Q4:无法登录,报错: 登录失败,请重试

image.png

A4:安装yarn 后重新执行安装命令,成功下载安装

image.png

一个基础demo,核心代码片段:

1625454649(1).png

一些概念:

  1. 虚拟dom(JSX语法)
  2. 单向数据流
  3. 属性props(只读)和状态state(可读可写setState,浅合并+异步更新)
  4. 无状态组件(函数创建、纯函数,无生命周期)和有状态组件(component创建,有生命周期)
  5. render方法本质是执行react.createElement('div', {className: 'type'}, children...)

参考react官方文档react.docschina.org/docs/gettin… 在16.8版本之后已经推出了HOOK,语法发生了变换,不再需要class\生命周期等