react定义组件不起效以及react fragment＜＞＜/＞

最近在使用react遇到了一些问题
定义函数组件的时候发现组件不起效
写的代码如下，结果不起作用

最后才发现在react中定义组件名第一个是要大写的
这样就行的通了

最近看一些代码，发现她们在定义组件的时候总是喜欢用<></>
一开始不知道是干嘛用的 查了一下
Fragments 可以让你聚合一个子元素列表，并且不在DOM中增加额外节点。也就是说
React.Fragment 组件能够在不额外创建 DOM 元素的情况下，让 render() 方法中返回多个元素
<></> 是 <React.Fragment/> 的语法糖。