zoukankan      html  css  js  c++  java
  • react+antd一边踩坑一边积累

    1.

    适合vue的图表库是echarts

    react如果要使用图表插件

    bizcharts是很好的选择

    不过echarts可以更灵活地自定义

    2.

    antd的table组件级联组件可以省市区三级联动

    (需结合后端数据)

    3.

    config.js配置页面路由

    menu.js里配置菜单栏名字

    antd pro中hidemenu:true

    可以隐藏菜单栏中的菜单及其子菜单

    4.

    .eslintignore可以选择文件

    进行语法检测忽略

    5.

    调接口的话需要在service文件夹里面分模块配置路径

    models文件夹对应引入service中的JS文件

    页面上@connect调用

    dispatch时 路径是“命名空间/models里面自定义的名字(*后面那个)”

    6.

    配置代理调后端接口

    将自己本地的ip配成项目域名代理

    如果没有

    自己先自定义一个

    然后再域名重定向到接口地址

    proxy(whistle web debugger)配置格式如下:

    本机IP+端口    项目域名(自定义域名)
    项目域名(自定义域名)  接口地址

    7.

    通过查询参数可以实现tab样式的切换

    具体需要页面初始化的函数以及全局的state

    8.

    this.setState是异步的

    后面可以加一个()=>{}回调函数

    比如后台管理系统切换到非第一页(第2,3,4,……n页)点击查询

    查询时传的当前页应为1

    设置完后就立即回调查询页面数据

    9.

    HH:mm:ss 是24小时制

    hh:mm:ss 是12小时制

    10.

    antd框架有时候会出现文案乱串的现象(出现不是本系统的文字)

    是因为document.ejs的html标签设置了lang="en"

    启动了谷歌翻译造成

    可以改为lang="zh-CN"

    10.

    配置代理转发可以在settings中设置打开多个rules

  • 相关阅读:
    git修改远程仓库地址
    Result Maps collection already contains value for com.miniprogram.meirong.user.dao.UserMapper.BaseResultMap
    查看微信小程序的appID和secret
    Springboot配置fastjson开发
    本地仓库上传码云
    总结分析Java常见的四种引用
    equals和hashcode 和 ==方法说明
    关于Class.forName(className).newInstance()介绍
    Java枚举
    抽象工厂模式-与-工厂方法模式区别
  • 原文地址:https://www.cnblogs.com/afafaa/p/13865471.html
Copyright © 2011-2022 走看看