【报错】is using incorrect casing. Use PascalCase for React components, or lowercase for HTML elements.

< xxx /> is using incorrect casing. Use PascalCase for React components, or lowercase for HTML elements.

背景

antd3升级到4后发现切换路由时白屏并报如下错误

分析解决

翻译译为： 组件大小写错误

报错原因： 组件首字母小写了

<Route 
	render={props => <Alipinvertify{...props}/>}
	path="/xxx/xxx/xxx"
/>
<Route 
	render={props => <SsoBasicinfo{...props}/>}
	path="/xxx/xxx/xxx"
/>

这是之前书写不规范造成的,将首字母大写后，警告消失