react开发、常见问题
文章平均质量分 97
react
aSuncat
一只积极向上、乐观开朗的太阳猫...
展开
-
【笔记-react】《imooc-React源码深度解析 高级前端工程师必备技能》
第01章 课程导学01-01 课程导学一、UI=fn(x)核心api:setState没有directive双向绑定二、vue,angular更新大版本,需要调整兼容三、react,引入fiber,从根本上解决了,js单线程运行,如果计算量太大,导致动画卡帧,交互卡顿问题四、第1章:React API,及每个API的作用createElement、createContext、JSX=>JS、ConcurrentMode、Ref、Component、Suspense、Hooks五、第2原创 2020-12-28 12:09:20 · 980 阅读 · 0 评论 -
ant design pro 从服务器拉取菜单后,菜单权限控制,按钮权限控制
前提从服务器请求菜单:https://blog.csdn.net/aSuncat/article/details/109557489需求权限控制分3个方面点击左边菜单:如果没有权限则右边内容显示403页面浏览器输入:如果输入的是没有权限的url,则右边内容显示403页面内容中按钮的权限:如果右边内容中的按钮没有权限,则该按钮不显示权限左边菜单点击服务器返回的菜单数据有authority如服务器返回的数据如下const data = [ { path: '/'原创 2020-11-12 08:32:26 · 5092 阅读 · 9 评论 -
ant design pro v4 从后台服务器请求菜单,思路,具体代码及坑
版本信息ant design pro : v4.2.2umi: v3.2.14pro-layout: v6.4.19typescript: v4.0.3思路一、菜单是在在src/layouts/BasicLayout.tsx的menuDataRender属性中进行渲染,所以需要把后台获取到的数据传入menuDataRender属性二、使用react hooks的useEffect 中使用dva的dispatch来请求菜单。具体代码菜单显示src/layouts/BasicLayout.t原创 2020-11-08 12:12:41 · 6379 阅读 · 13 评论 -
create-react-app搭建移动端高可用框架
技术栈ui组件库: antd mobile路由:@dva/router请求:@dva/fetch创建项目npx create-react-app my-app-democd my-app-demoyarn start原创 2020-09-11 16:53:19 · 381 阅读 · 0 评论 -
create react app搭建完整项目,结合antd mobile, react-router-dom从零到整搭建完整移动端项目
ui:antd mobile路由:react-router-domrequest请求:自带的fetchgithub地址项目代码:https://github.com/yquanmei/create-react-app项目创建npx create-react-app my-appcd my-appnpm startui:antd mobile安装npm i antd-mobile按需加载一、安装customize-cranpm install react-app-rewired原创 2020-08-10 10:03:35 · 846 阅读 · 0 评论 -
ant design pro菜单及页面权限逻辑
一、菜单权限二、页面权限1、config/config.js属性Routes: ['src/pages/Authorized'] ,表示需要对页面进行权限认证。2、src/page/Authorized.js(1)调用getRouteAuthority()方法,得到当前路由可以访问的权限[‘staff’]。path: '/',component: '../layouts/BasicL...原创 2019-12-17 10:52:54 · 3228 阅读 · 0 评论 -
ant desin pro v4 从服务器获取菜单,js版,非typeScript
2019年10月23日:网上一直找不到ant design pro v4版本从服务器获取菜单的完整代码,官网文档也太粗略,于是写了这篇文章。一、BasicLayout.js1、标签ProLayout增加属性const { dispatch, children, settings, menuData } = props;......// menuDataRender={menuDataR...原创 2019-10-23 15:17:30 · 1944 阅读 · 3 评论 -
ant design pro 构建react项目遇到的那些小事儿
ant-design-pro,企业级中后台前端/设计解决方案启动1、yarn create umi2、选择ant-design-pro,javascript3、npm install4、npm start5、项目启动成功配置1、删除国际化多语言环境:npm run i18n-remove2、添加区块npx umi block add ListTableList --path=...原创 2019-10-19 11:33:31 · 1202 阅读 · 0 评论 -
react开发那些事儿,如修改默认端口3000等
一、webstorm报错“can’t find module eslint-config-react-app”。1、解决:(1)npm i eslint-config-react-app --save-dev(2)重启webstorm二、原创 2019-05-19 17:01:03 · 1021 阅读 · 0 评论 -
【笔记-react】《imooc-react16.4快速上手》、《imooc-React16.4 开发简书项目 从零基础入门到实战》、《imooc-react全家桶+and共享单车后台管理系统开发》
《imooc-react16.4快速上手》1、react简介及基础语法2、react开发环境3、react使用原创 2019-05-12 21:35:57 · 2037 阅读 · 0 评论