Ant-design-pro: V4 底部的“2019 蚂蚁金服体验技术部出品”怎么配置，这玩意怎么写死在layout footer里面了

Created on 10 Jun 2019 · 4Comments · Source: ant-design/ant-design-pro

V4 底部的“2019 蚂蚁金服体验技术部出品”怎么配置，这玩意怎么写死在layout footer里面了

Source

vipway

Most helpful comment

const footerRender: BasicLayoutProps['footerRender'] = (_, defaultDom) => {
return React.cloneElement(defaultDom as ReactElement, { links: [], copyright: '你的公司名称’ });
}

yinhunfeixue on 1 Jul 2019

👍3

All 4 comments

通过 footerRender 属性重制掉就可以了。

xiaohuoni on 10 Jun 2019

https://github.com/ant-design/ant-design-pro/blob/master/src/layouts/BasicLayout.tsx#L44

chenshuai2144 on 10 Jun 2019

👎1

const footerRender: BasicLayoutProps['footerRender'] = (_, defaultDom) => {
return React.cloneElement(defaultDom as ReactElement, { links: [], copyright: '你的公司名称’ });
}

yinhunfeixue on 1 Jul 2019

👍3

这里设计的不大合理，如果用户要重置footer，需要clone defaultDom，没法直接给links、copyright这两个属性赋值。