• 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
    Shell-sed之替换字符
    Linux IO/NFS tunning 性能优化及检测
    利用Java Flight Recorder(JFR)诊断timing及内存问题
    Get/Post
    SQL-1
    HTTP协议简要
    nmap简单使用
    (C语言)买东西找零钱
    今日错误(C语言)(定义二维数组储存)
  • 原文地址:https://www.cnblogs.com/afafaa/p/13865471.html
Copyright © 2020-2023  润新知