![](https://img-blog.csdnimg.cn/20190918140145169.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端框架
举例前端框架
功不唐捐(春小喜)
这个作者很懒,什么都没留下…
展开
-
利用umiJS对项目进行转码,以及下载react developer谷歌拓展包
利用umiJS对项目进行转码,将 ES6 代码转为 ES5 代码,从而在浏览器或其他环境执行。1.打开项目所在文件位置,然后在红色框所在位置,输入cmd,就可以打开所在项目的cmd2.分别输入tyarn init -y对其进行初始化,会在项目中生成package.json;然后再输入umi g page index ,会在项目生成pages文件夹3.打开IDE的控制台,打开terminal,然后输入 umi dev4.在index.js中输入自己的测试代码,然后打开自己上面的lo原创 2021-05-24 11:51:08 · 322 阅读 · 0 评论 -
创建一个react项目的过程
1.新建一个static Web项目2.打开terminal窗口,输入指令:tyarn init -y 其作用是对项目进行初始化。3.再输入指令:tyarn add umi --dev 其作用是添加项目依赖。执行结果后会生成一个package.json文件,其内容如下:接下来我们需要在该文件的devDependencies中添加如下:添加该依赖的作用是为了方便后面调用dva、antd等组件"devDependencies": { "@umijs/preset-react": "^1原创 2021-05-30 21:02:17 · 124 阅读 · 0 评论 -
利用umi3.4的框架引用antd的一个简单的布局
1.先看官网的布局有哪些样式(https://ant.design/components/layout-cn/)此次我将引用如下的布局:2.在项目的src目录下新建一个layouts目录,并在该目录下新建一个index.js因为在umi中约定的目录结构中,layouts/index.js文件将被作为全局的布局文件所以我们需要把布局的代码写在该index.js中import React from 'react';import { Layout } from 'antd';con原创 2021-05-30 15:33:38 · 1862 阅读 · 0 评论 -
react中的括号()和{}的应用说明
在引用antd组件时,return用的就是()返回js对象时,用的就是{}还有在model层中返回数据时,用的也是{}结论:对于为什么要加括号的问题:JavaScript 会自动给行末添加分号。如果 return 后面换行不加括号就会变成return;对于什么情况加()括号的问题:return(<div>....</div> //HTML代码)return(<Component/> //r...原创 2021-05-30 15:21:28 · 2521 阅读 · 0 评论 -
在利用React导入自定义的组件时,解决的几个问题
1.写一个mycomponent.js,里面写了一个类,如下:2.在test.js中引用该类,导入mycomponent.js时,引用的名称首字母必须大写,否则会无效的(至于名称叫什么,无所谓)原创 2021-05-25 14:54:54 · 357 阅读 · 0 评论