react-ant
周家大小姐.
这个作者很懒,什么都没留下…
展开
-
react+antdesign 表格删除失败
官网地址https://ant.design/components/table-cn/#components-table-demo-dynamic-settings错误写法:一开始会删除成功;再第二步的时候会删除失败;你会发现state中的数据就算你在确认删除后并清空数组,也跟本没有变化 // 删除 handleDelte = () => { ...原创 2019-12-23 22:02:18 · 461 阅读 · 0 评论 -
react+dva+ant 路由报错
Failed prop type: Invalid prop `component` of type `object` supplied to `Route`, expected `function`.解决方法:报警告的内容大致意思就是props需要通过函数返回而不是对象。 {/* 一级路由 Switch路由需要用到的容器 */} <Switch&g...原创 2019-12-08 19:41:27 · 254 阅读 · 0 评论 -
react-ant git commit-m 报错
上传的时候报eslintnpm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! ant-design-pro@2.3.0 lint-staged:js: `eslint --ext .js "E:\MyProject\hall_of_famezeus_facade\src\pages\User\ChooseModule.js" "E:\MyPro...原创 2019-04-02 16:56:36 · 2034 阅读 · 2 评论 -
react-ant 实现登录,并把数据存入global,本地存储防止刷新数据丢失
完整配置仓库地址:https://gitee.com/zhouyunfang/react-ant/tree/7-loginCheck/Login.jsimport React, { Component } from 'react'// 用于定义global中的dispatchimport {connect } from 'dva'// 定义自校验规则import { email_...原创 2019-03-31 15:20:05 · 1326 阅读 · 0 评论 -
react-ant axios封装请求及使用
安装:cnpm install axios --save在utils/Request.jsimport axios from 'axios'export default function Request(url,params){ return axios({ baseURL:'https://接口地址.com/', url:url, ...原创 2019-03-31 13:46:04 · 1883 阅读 · 0 评论 -
react-ant 修改antDesign 样式
需求:想修改antDesign样式发现修改不了解决:一定要在样式外面加上:global写全局样式 :js: <Form onSubmit={this.handleSubmit} className="account-form"> <Form.Item label="邮箱"> <Input type="em...原创 2019-03-31 11:47:55 · 6316 阅读 · 0 评论 -
react-ant 引入静态图片配置webpack,及webpck常规配置
1.如果要配置静态图片就要配置webpack并找到根目录下面的.webpackrc文件,并在文件中添加插件配置const path = require('path');//node自动提供的path模块export default { alias:{ Assets:path.resolve(__dirname,'./src/assets') } };...原创 2019-03-31 11:12:18 · 1387 阅读 · 0 评论 -
react-ant 实现二级路由和三级路由
AntDesign:https://ant.design/components/tabs-cn/#components-tabs-demo-size注:这里的路由是已经封装好了的仓库地址:https://gitee.com/zhouyunfang/react-ant/tree/6-child-router/src下相关页面:1. pages/About/index.js2. r...原创 2019-03-31 01:50:58 · 5741 阅读 · 0 评论 -
react-ant 私有路由(路由守卫)
需求:如果用户没有登录只能进入登录和注册,其它页面或指定页面不想让游客看到思路:1.设置一个开关,判断开关为true就不让进到指定的页面,只能进登录和注册,如果为false,让其跳转到用户点击进入的页面2.相关文件:1. router.js2. SubRoutes.js3. models/global.js(存储用户数据)router.js声明私有路由开...原创 2019-03-30 21:47:22 · 1383 阅读 · 0 评论 -
react-ant 路由优化及封装,重定向,未找到路径跳到指定的页面,models的基本使用
仓库地址:https://gitee.com/zhouyunfang/react-ant/tree/4-route-encapsul修改相关文件:1. reouter.js(路由优化页面)2. utils/SubRoutes.js(路由封装页面)3. pages/IndexPage.js(首页)4. src/components/NoMatch.js(用于地址栏上手动输入不...原创 2019-03-30 21:15:28 · 1653 阅读 · 0 评论 -
react-ant 解决使用路由Link跳转失败
当我们配置好了路由和引用路由的时候不报错;但页面就是空白解决方式:把router.js Route标签中的exact删除就可以 <Route path="/" exact component={IndexPage} />...原创 2019-03-30 17:04:41 · 1576 阅读 · 0 评论 -
react-ant 写入class报错
如果class中有特殊符号就要用[]的方式去写.menu-left { display: inline-block; vertical-align: top; background: none; border-bottom: none; position: relative; width: calc(100% - 44p...原创 2019-03-30 13:57:33 · 273 阅读 · 0 评论 -
react-ant vscode 插件
插件 Ant Design Snippets如果生成layout快捷键antlayout + enterfunction IndexPage() {//布局生成快键antlayout + enter return ( <Layout> <Header>header</Header> <Layout> ...原创 2019-03-30 13:33:56 · 1931 阅读 · 0 评论 -
react 安装antDesign和sass
同时安装sassantDesigncnpm i node-sass sass-loader antd --savesasss不需要配置webpack但是antd要配置按需加载$ cnpm i babel-plugin-import --save配置webpack把文件中的改成.webpackrc.jsexport default { extraBabel...原创 2019-03-30 13:55:05 · 1327 阅读 · 0 评论