umi随记

安装umi

  • npm/yarn create @ umijs/umi-app

安装依赖

  • npm/yarn install

运行

  • npm run start

打包

  • npm run build

Umi3==>推荐使用yarn

路由

路由组件可通过 props 获取到以下属性,

match,当前路由和 url match 后的对象,包含 params、path、url 和 isExact 属性;
location,表示应用当前出于哪个位置,包含 pathname、search、query 等属性;
history,同api#history 接口 ;
route,当前路由配置,包含 path、exact、component、routes 等;
routes,全部路由信息

传递参数给子路由
通过 cloneElement,一次就好(Umi 2 时需要两次)。

import React from 'react';
export default function Layout(props) {
  return React.Children.map(props.children, child => {
    return React.cloneElement(child, { foo: 'bar' });
  });
}

编译提速

nodeModulesTransform{type:‘none’}

https://www.cnblogs.com/mq0036/p/7453380.html#_label0_0
Bootstrap组件福利篇:十二款好用的组件推荐

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值