V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
fescover
V2EX  ›  React

react 使用 antd 组件需要一个个引入,不如 vue 的 el-,v-等方便,有什么解决办法?

  •  1
     
  •   fescover · 2020-01-15 22:09:52 +08:00 · 5794 次点击
    这是一个创建于 1759 天前的主题,其中的信息可能已经有所发展或是发生改变。

    如果一个页面需要一百个组件,都要一个个引入,太麻烦了

    21 条回复    2020-02-11 10:55:07 +08:00
    VDimos
        1
    VDimos  
       2020-01-15 22:19:22 +08:00 via Android
    vscode 自动 import


    这也嫌麻烦,有点儿太懒了哦
    randyo
        2
    randyo  
       2020-01-15 22:22:58 +08:00 via Android
    你要做优化还是得一个个引入,不然做不了 tree shaking
    FakeLeung
        3
    FakeLeung  
       2020-01-15 23:50:00 +08:00
    然而现在 element 做部分系统还是单独引入。。。
    gouflv
        4
    gouflv  
       2020-01-16 00:07:33 +08:00 via iPhone
    引入组件这事儿都要自己写,惊了,2020 年了好吗
    ragnaroks
        5
    ragnaroks  
       2020-01-16 00:11:57 +08:00
    只有我的关注点在一个页面有一百个组件?
    mxT52CRuqR6o5
        6
    mxT52CRuqR6o5  
       2020-01-16 00:32:36 +08:00 via Android
    用 webstorm 的 auto import
    kwrush
        7
    kwrush  
       2020-01-16 06:43:51 +08:00
    如果设置了 alias vscode 自动引入并不好用。但是一个页面要引入 100 个组件,应该考虑下合并页面组件吧
    zhw2590582
        8
    zhw2590582  
       2020-01-16 08:36:50 +08:00
    vue 那是在实例化前就整体引入,无法 tree shaking 打包会很大
    Cbdy
        9
    Cbdy  
       2020-01-16 08:37:11 +08:00 via Android
    如有每个组件都要自己引入,那写 Java 的要哭晕在厕所
    TimPeake
        10
    TimPeake  
       2020-01-16 09:09:05 +08:00
    都散了吧。按照楼主的描述,估计是配置的按需加载,没有全量加载。
    我猜,楼主想问的并不是如何 import 的问题,而是想知道如何做到类似 Vue 的 Vue.use(Element)的效果
    uxstone
        11
    uxstone  
       2020-01-16 09:45:13 +08:00
    多看看官方文档
    GerritV
        12
    GerritV  
       2020-01-16 09:56:13 +08:00
    你可以全局注入,当然我也想知道最佳实践
    Torpedo
        13
    Torpedo  
       2020-01-16 10:13:42 +08:00
    那你把组件都挂在 window 上 。也不是不可以。
    都 0202 年了,用模块化居然嫌麻烦。。。
    leexiaoran
        14
    leexiaoran  
       2020-01-16 10:21:06 +08:00
    一个页面一百个组件,可以考虑一下把这个页面拆一下
    onfuns
        15
    onfuns  
       2020-01-16 10:24:36 +08:00
    你这种考虑完全是多余,一个页面超过 10 个组件就不合理了,要合理拆分,不然还做什么优化。
    royzxq
        16
    royzxq  
       2020-01-16 10:39:32 +08:00
    打完 <Button 然后回车就自动引了,vsc 或者 webstorm 都是啊
    VWMMWV
        17
    VWMMWV  
       2020-01-16 10:57:08 +08:00
    页面都超过十几个组件了,不考虑拆分,在这考虑组件多?
    GuangXiN
        18
    GuangXiN  
       2020-01-16 11:11:12 +08:00 via Android
    antd 一共有没有 100 个组件哦
    gdrk
        19
    gdrk  
       2020-01-16 11:20:37 +08:00
    一个页面需要这么多组件?不考虑拆分一下?
    Sapp
        20
    Sapp  
       2020-01-16 13:59:53 +08:00
    引入组件的时候显式声明才是正道,vue 的设计是跑偏了,而且你就不能装个插件么? 输入名字自动引入,vscode 和 webstorm 不都有么? 最后你为什么会一个页面 100 多个组件???
    nnnToTnnn
        21
    nnnToTnnn  
       2020-02-11 10:55:07 +08:00   ❤️ 1
    import * as antd from 'antd'


    export function testButton(_props){
    return <antd.Button>这和 AntD 以及 React 有毛线的关系啊。这是基础的命名空间好么!!!</antd.Button>
    }
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1086 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 19:05 · PVG 03:05 · LAX 11:05 · JFK 14:05
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.