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

  • 相关阅读:
    题解CF566D Restructuring Company
    题解CF986F Oppa Funcan Style Remastered
    题解P2371 [国家集训队]墨墨的等式
    题解 CF1203D2 Remove the Substring (hard version)
    题解 CF1202D Print a 1337-string...
    ubuntu apt-get install php
    jwt refresh token
    读过的laravel文章
    delete all untracked files
    自定义UserProvider,更改验证方法
  • 原文地址:https://www.cnblogs.com/afafaa/p/13865471.html
Copyright © 2011-2022 走看看