React
文章平均质量分 73
React学习
小徐也要努力鸭
逝者如斯夫,不舍昼夜!!!
展开
-
React:六、axios请求接口
1 前言vue和react均可使用axios进行接口数据请求。axios官网文档地址: React项目,先执行如下命令安装axios库: 2 使用2.1 接口准备编写react前,先准备好请求接口,如下搭建起水果查询接口:mapper文件: 测试数据如下:controller: 配置文件中的url注意时区问题:serverTimezone改为中国时区Asia/Shanghai,如果是serverTimezone=UTC,那么接口返回json数据中,时间会增加8小时(因为若服务器时区为UTC,那么中国时间为东原创 2022-07-10 22:54:52 · 3412 阅读 · 0 评论 -
React:五、React脚手架应用
1 前言react脚手架搭建react应用: 执行第二步前,可以打开cmd,做如下配置,再次执行第二步会快些: 出现如下即创建成功 然后通过vscode打开项目文件夹,ctrl+`,执行npm start: 2 使用2.1 项目结构介绍public一般存放静态资源:.ico:网站的图标 index.html:%PUBLIC_URL%可改为.(当前路径): public的index.html(react应用仅1个index.html,即SPA,single page web application 单页原创 2022-07-02 16:48:44 · 727 阅读 · 0 评论 -
react:vscode中react写js代码提示
1 前言vscode中,react写js文件时,无法只能提示如div标签等等。2 使用修改配置如下:vscde打开文件-》首选项-》设置搜索如下: 输入如下: 项:javascript;值:javascriptreact然后js中代码可智能提示:...原创 2022-06-18 20:34:56 · 1190 阅读 · 0 评论 -
React:四、生命周期
1.前言引出生命周期:需要在页面进入后就主动调函数进行一定操作 点击按钮即可卸载组件 2 旧生命周期组件挂载流程: 初始页面刷新,钩子函数执行顺序如下: 增加更新的钩子: 初始化及点击+1更新后: 2.1 强制更新 关闭可更新的阀门,执行强制更新: 2.2 componentWillReceiveProps 如下: 2.3 旧生命周期总结 3 新生命周期3.1 新旧生命周期对比在react17版本里,需更新为UNSAFE_componentWillUpdate、UNSAFE_componentWil原创 2022-06-15 14:50:45 · 152 阅读 · 0 评论 -
React:三、函数柯里化
1.高阶函数和函数的柯里化 且input通过onChage实时更新数据到state中,为受控组件(类似vue的双向绑定);即取即用,数据不做存储二次利用为非受控组件。 2.不使用函数柯里化的方法 简化写法:...原创 2022-06-10 18:54:47 · 397 阅读 · 0 评论 -
React:二、react面向组件编程
React:二、react面向组件编程 1 前言 1.1 React开发者工具调试 可先在浏览器的扩展处安装react_dev_tools,如microsoft-edge、谷歌浏览器等等。 如edge浏览器打开F12: 2 组件类别 2.1 函数式组件 2.2 类式组件 ......原创 2022-06-08 13:59:19 · 241 阅读 · 0 评论 -
React:一、初识react
react:一、初识react 1 开始 新建文件夹,使用vscode打开该文件夹,快捷键ctrl+` (Tab键上方)打开terminal终端,输入命令: npm i react react-dom 两个包安装成功: 目录结构如下: 2 使用 非脚手架搭建react: 文件结构: 2.1 引入react、react-dom、babel-min这几个js文件 因为是开发环境,所以全部引入development.js即可(注意引入顺序:先引入react,再引入react-dom): <scri原创 2022-05-16 20:21:38 · 528 阅读 · 1 评论