• 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

  • 相关阅读:
    [内核编程] 串口过滤
    大数问题(高精度运算)
    [内核编程] 实战调试,第一个内核程序
    [内核编程] Windebug双机调试环境搭建
    树状数组
    mysql常用语句
    解决maven工程无法创建src/main/java包名的方法
    java Date中方法toLocaleString过时的替代方案
    Eclipse 无法编译,提示“错误: 找不到或无法加载主类”
    Eclipse如何设置编译文件.class输出路径
  • 原文地址:https://www.cnblogs.com/afafaa/p/13865471.html
Copyright © 2020-2023  润新知